Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Melaksanakan Rendering dan Sisipan Teks Kanan-ke-Kiri dalam Elemen Input HTML?

Bagaimana untuk Melaksanakan Rendering dan Sisipan Teks Kanan-ke-Kiri dalam Elemen Input HTML?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-10 00:50:02871semak imbas

How to Implement Right-to-Left Text Rendering and Insertion in HTML Input Elements?

Penyebaran dan Penyisipan Teks Kanan-ke-Kiri dalam HTML

Untuk menyediakan sokongan untuk bahasa kanan-ke-kiri seperti Arab, adalah perlu untuk mendayakan input teks sejajar kanan dengan aksara baharu ditambah dari kiri sebelah.

Pendekatan CSS Sahaja

Menetapkan "text-align: right" sahaja tidak mencukupi, kerana ia tidak menjejaskan arah kemasukan teks.

Harta Arah

Menambah "arah: RTL" membetulkan kedudukan kursor dan penjajaran teks tetapi gagal memasukkan aksara baharu dari sebelah kiri.

Penyelesaian: dir Atribut

Untuk mencapai gelagat yang diingini, anda harus menggunakan "dir" atribut pada elemen input:

<input dir="rtl">

Ini mengarahkan penyemak imbas untuk menggunakan arah teks dari kanan ke kiri, memastikan aksara baharu dilampirkan di sebelah kiri dan teks dijajarkan ke kanan. Ini meniru fungsi yang dilihat pada kotak carian Google Arab.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Rendering dan Sisipan Teks Kanan-ke-Kiri dalam Elemen Input HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn