Rechts-nach-Links Text-HTML-input

Für meine website, ich muss Arabisch unterstützen. Ein Teil davon ist die Bereitstellung von input-Textfelder, bei denen der Benutzer eingibt, das neue Zeichen Hinzugefügt werden, die Links und der text rechts ausgerichtet.

Einstellung der css-Eigenschaft

text-align:right

nicht funktioniert, da ich nicht bekommen konnte Sie den cursor zu kommen, um die linken und hinzufügen von Buchstaben. So entfernte ich, dass Eigentum und Hinzugefügt

direction:RTL

Hier, der cursor kam auf der linken Seite und text rechts ausgerichtet. aber das neu hinzugefügte Zeichen wurden nicht immer an die linke. Stattdessen wurden Sie immer an das richtige Ende nur.

Wie kann ich dieses Problem beheben? bitte um Hilfe..

Siehe zum Beispiel die google-Arabische Seite Suchfeld ein. Ich brauche das genaue Verhalten, wenn auch nicht mit dieser schicken Tastatur-Symbol etc., http://www.google.com/webhp?hl=ar

InformationsquelleAutor der Frage Anand | 2011-09-23

  1. 23

    Hier ist, was ich mir denken kann:

    • Verwenden direction:RTL für die RICHTIGE Ausrichtung
    • Schreiben Sie ein JavaScript-handler an das Ereignis angehängt: "onkeyup", führt die Verlagerung von der eingegebenen Zeichen nach LINKS (dabei einige text-Verarbeitung).

    InformationsquelleAutor der Antwort Saket

  2. 16

    Können Sie dir="rtl" auf die Eingabe. Es wird unterstützt.

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

    InformationsquelleAutor der Antwort Nicholas Mayne

  3. 7
    function rtl(element)
{   
    if(element.setSelectionRange){
        element.setSelectionRange(0,0);
    }
}




<input type="text" name="textbox" style="direction:RTL;" onkeyup="rtl(this);"/>

    Dieser code tun wird.

    InformationsquelleAutor der Antwort Anshul

  4. 4

    Verwenden Sie nur direction:RTL und, wenn eingeschaltet, um eine richtige Tastatur (z.B. Arabisch) in den system-Einstellungen, das neu hinzugefügte Zeichen wird korrekt angehängt werden, auf der linken Seite.

    InformationsquelleAutor der Antwort Martin Grůber

  5. 0

    Verwenden, die auf die Eingabe, in der css.

    input {
  unicode-bidi:bidi-override;
  direction: RTL;
}

    InformationsquelleAutor der Antwort haibnu

  6. 0

    Eine spezielle Funktion für die Winkel-Material, zusätzlich zu Richtung: rtl, ist :

    .mat-form-field {
   text-align: start!important;
 }

    Dieser Arbeit wird für beide RLT - & LTR

    InformationsquelleAutor der Antwort Qamar Al Zaman Habeek

Schreibe einen Kommentar