Kehren Sie die Textrichtung für die HTML-Eingabe um

Question

Für meine Website benötige ich Unterstützung in der arabischen Sprache. Ein Teil davon besteht darin, ein Eingabetextfeld bereitzustellen, in dem beim Eingeben neuer Zeichen durch den Benutzer links angehängt werden muss und der Text rechtsbündig ausgerichtet sein muss.

Setzen Sie die CSS-Eigenschaft auf

text-align:right

hat nicht funktioniert, da ich den Cursor nicht nach links bewegen und dort Buchstaben hinzufügen konnte. Also habe ich dieses Attribut entfernt und

hinzugefügt.

direction:RTL

Hier wurde der Cursor nach links bewegt und der Text rechtsbündig ausgerichtet. Die neu hinzugefügten Zeichen werden aber nicht an der linken Seite angehängt, sondern nur am Ende der rechten Seite.

Wie behebe ich dieses Problem? Bitte helfen Sie..

Schauen Sie sich beispielsweise das Suchfeld auf der arabischen Seite von Google an. Ich brauche genau das gleiche Verhalten, allerdings ohne diese schicken Tastatursymbole usw. http://www.google.com/webhp?hl=ar

Answer 1

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

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

Answer 2

这是我能想到的：

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