Inverser le sens du texte pour la saisie HTML

Question

Pour mon site Web, j'ai besoin d'une assistance en langue arabe. Cela consiste en partie à fournir une zone de texte de saisie dans laquelle, lorsque l'utilisateur tape, les nouveaux caractères doivent être ajoutés à gauche et le texte doit être aligné à droite.

Définissez la propriété CSS sur

text-align:right

n'a pas fonctionné car je ne pouvais pas déplacer le curseur vers la gauche et y ajouter des lettres. J'ai donc supprimé cet attribut et ajouté

direction:RTL

Ici, le curseur a été déplacé vers la gauche et le texte est aligné à droite. Mais les caractères nouvellement ajoutés ne sont pas ajoutés au côté gauche, mais uniquement à la fin du côté droit.

Comment puis-je résoudre ce problème ? S'il vous plaît, aidez-moi..

Par exemple, consultez le champ de recherche sur la page arabe de Google. J'ai besoin exactement du même comportement, mais sans ces icônes de clavier sophistiquées, etc., http://www.google.com/webhp?hl=ar

Answer 1

Vous pouvez utiliser dir="rtl" dans la zone de saisie. Il est pris en charge.

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

Answer 2

Voici ce à quoi je peux penser :

• Utilisez direction:RTL pour un bon alignement
• Écrivez un gestionnaire JavaScript attaché à l'événement "onkeyup" qui déplace les caractères saisis vers la gauche (en effectuant un traitement de texte).