从右到左 文本 HTML 输入

Question

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

将css属性设置为

text-align:right

没有用，因为我无法让光标向左移动并在那里添加字母。所以我删除了该属性并添加了

direction:RTL

在这里，光标向左移动，文本右对齐。但是新添加的字符没有附加到左侧。相反，它们只被附加到右端。

我该如何解决？请帮忙..

例如，请参阅 google 阿拉伯语页面搜索框。我需要确切的行为，虽然不是那些花哨的键盘图标等， http://www.google.com/webhp?hl=ar

原文由 Anand 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是我能想到的：

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

原文由 Saket 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以在输入中使用 dir=“rtl”。它是受支持的。

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

原文由 Nicholas Mayne 发布，翻译遵循 CC BY-SA 3.0 许可协议