दाएं से बाएं पाठ HTML इनपुट

Question

मेरी वेबसाइट के लिए, मुझे अरबी समर्थन प्रदान करने की आवश्यकता है। इसका एक हिस्सा इनपुट टेक्स्टबॉक्स प्रदान करना है जहां उपयोगकर्ता टाइप करते हैं, नए अक्षरों को बाईं ओर जोड़ना होता है और पाठ को सही गठबंधन किया जाना चाहिए।

text-align:right 

लिए सीएसएस संपत्ति की स्थापना काम नहीं किया, जैसा कि मैंने कर्सर बाईं ओर आते हैं और वहाँ पत्र जोड़ने के लिए नहीं मिल सका। तो मैंने उस संपत्ति को हटा दिया और

direction:RTL 

यहां, कर्सर बाईं ओर आया और पाठ सही गठबंधन किया गया था। लेकिन नए जोड़े गए पात्र बाईं ओर संलग्न नहीं हो रहे थे। इसके बजाय वे केवल सही अंत में संलग्न हो रहे थे।

मैं इसे कैसे ठीक करूं? कृपया मदद करें ..

उदाहरण के लिए, Google अरबी पेज खोज बॉक्स देखें। मैं सही व्यवहार की जरूरत है, उन फैंसी कीबोर्ड आइकन आदि के साथ हालांकि नहीं, http://www.google.com/webhp?hl=ar

Answer 1

यहाँ क्या मैं के बारे में सोच सकते हैं: सही संरेखण

के लिए

• उपयोग direction:RTL एक जावास्क्रिप्ट हैंडलर से जुड़ी लिखें घटना: "ऑनकीप", जो बाएं से दर्ज किए गए वर्ण को स्थानांतरित करता है (कुछ टेक्स्ट प्रोसेसिंग कर रहा है)।

Answer 2

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




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

इस कोड को करेंगे।

Answer 3

केवल direction:RTL का उपयोग करें और जब सिस्टम सेटिंग्स में उचित कीबोर्ड (जैसे अरबी) पर स्विच किया जाता है, तो नए जोड़े गए वर्ण सही ढंग से बाईं ओर संलग्न होंगे।

Answer 4

आप इनपुट पर dir = "rtl" का उपयोग कर सकते हैं। यह समर्थित है।

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

Answer 5

सीएसएस में इनपुट पर उपयोग करें।

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