HTML輸入的反向文字方向

Question

對於我的網站，我需要提供阿拉伯語支援。其中一部分是提供輸入文字框，在使用者輸入時，新字元必須附加到左側，並且文字必須右對齊。

將CSS屬性設定為

text-align:right

沒有起作用，因為我無法將遊標移到左側並在那裡添加字母。所以我刪除了該屬性，並添加了

direction:RTL

在這裡，遊標移到了左側，文字右對齊。但是新加入的字元沒有附加到左側，而是只附加到右側末端。

我該如何修復這個問題？請幫忙..

例如，請參閱Google阿拉伯語頁面的搜尋框。我需要完全相同的行為，儘管不需要那些花俏的鍵盤圖示等，http://www.google.com/webhp?hl=ar

Answer 1

您可以在輸入框上使用 dir="rtl"。它被支持。

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

Answer 2

這是我能想到的：

• 使用 direction:RTL 進行右對齊
• #寫一個附加到事件 "onkeyup" 的 JavaScript 處理程序，將輸入的字元向左移動（進行一些文字處理）。