HTML输入的反向文本方向

Question

对于我的网站，我需要提供阿拉伯语支持。其中一部分是提供输入文本框，在用户输入时，新字符必须附加到左侧，并且文本必须右对齐。

将CSS属性设置为

text-align:right

没有起作用，因为我无法将光标移到左侧并在那里添加字母。所以我删除了该属性，并添加了

direction:RTL

在这里，光标移到了左侧，文本右对齐。但是新添加的字符没有附加到左侧，而是只附加到右侧末尾。

我该如何修复这个问题？请帮忙..

例如，查看谷歌阿拉伯语页面的搜索框。我需要完全相同的行为，尽管不需要那些花哨的键盘图标等，http://www.google.com/webhp?hl=ar

Answer 1

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

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

Answer 2

这是我能想到的：

• 使用 direction:RTL 进行右对齐
• 编写一个附加到事件 "onkeyup" 的 JavaScript 处理程序，将输入的字符向左移动（进行一些文本处理）。