HTML में दाएं-संरेखित, बाएं से दाएं टेक्स्ट इनपुट

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

सीएसएस प्रॉपर्टी "टेक्स्ट-एलाइन: राइट" सेट करना अप्रभावी साबित होता है, क्योंकि वर्ण जोड़ने के लिए कर्सर को बाईं ओर नहीं रखा जा सकता है। "दिशा:आरटीएल" पर स्विच करने से कर्सर की स्थिति सही हो जाती है और टेक्स्ट दाएँ-संरेखित हो जाता है, लेकिन नए अक्षर अभी भी दाएँ छोर पर जोड़े जाते हैं।

वांछित व्यवहार प्राप्त करने के लिए, जैसा कि Google अरबी खोज पृष्ठ पर दिखाया गया है, इनपुट तत्व पर "dir=rtl" विशेषता का उपयोग करें। यह विशेषता ब्राउज़र को पाठ को दाएं से बाएं (आरटीएल) उन्मुख के रूप में व्याख्या करने का निर्देश देती है, जिससे यह सुनिश्चित होता है कि नए अक्षर सही ढंग से जोड़े गए हैं: