Arah teks terbalik untuk input HTML

Question

Untuk tapak web saya, saya memerlukan sokongan bahasa Arab. Sebahagian daripada ini adalah untuk menyediakan kotak teks input di mana pengguna menaip aksara baharu mesti dilampirkan ke kiri dan teks mesti dijajarkan ke kanan.

Tetapkan sifat CSS kepada

text-align:right

tidak berfungsi kerana saya tidak dapat mengalihkan kursor ke kiri dan menambah huruf di sana. Jadi saya mengalih keluar atribut itu dan menambah

direction:RTL

Di sini, kursor telah dialihkan ke kiri dan teks dijajarkan ke kanan. Tetapi aksara yang baru ditambah tidak dilampirkan di sebelah kiri, tetapi hanya di hujung sebelah kanan.

Bagaimanakah saya boleh menyelesaikan masalah ini? Tolong bantu..

Sebagai contoh, lihat kotak carian pada halaman Arab Google. Saya memerlukan tingkah laku yang sama, walaupun tanpa ikon papan kekunci mewah itu dsb, http://www.google.com/webhp?hl=ar

Answer 1

Anda boleh menggunakan dir="rtl" pada kotak input. Ia disokong.

<input dir="rtl" id="foo"/>

Answer 2

Ini yang saya boleh fikirkan:

• Gunakan direction:RTL untuk penjajaran kanan
• Tulis pengendali JavaScript yang dilampirkan pada acara "onkeyup" yang menggerakkan aksara yang dimasukkan ke kiri (melakukan beberapa pemprosesan teks).