HTML入力のテキスト方向を逆にする

Question

私のウェブサイトにはアラビア語のサポートが必要です。その一環として、ユーザーが入力するときに新しい文字を左側に追加し、テキストを右揃えにする必要がある入力テキスト ボックスを提供します。

CSS プロパティを

に設定します。

text-align:right

は、カーソルを左に移動してそこに文字を追加できなかったため、機能しませんでした。そこで、その属性を削除し、

を追加しました。

direction:RTL

ここでは、カーソルが左に移動し、テキストが右揃えになります。ただし、新しく追加された文字は左側には追加されず、右側の最後にのみ追加されます。

この問題を解決するにはどうすればよいですか?助けてください..

たとえば、Google のアラビア語ページの検索ボックスをチェックしてください。派手なキーボード アイコンなどはありませんが、まったく同じ動作が必要です。 http://www.google.com/webhp?hl=ar

Answer 1

入力ボックスでは dir="rtl" を使用できます。サポートされています。

リーリー

Answer 2

これが私が考えることができることです:

• 右揃えには direction:RTL を使用します
• 入力された文字を左に移動する (テキスト処理を行う) イベント「onkeyup」にアタッチされる JavaScript ハンドラーを作成します。