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
Lepaskan: 2024-11-10 00:50:02
asal
864 orang telah melayarinya

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">
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan