आरटीएल टेक्स्टबॉक्स में न्यूनतम साइन इन

Question

मैं संख्या के बाईं ओर स्थित ऋण के साथ दाएं से बाएं टेक्स्टबॉक्स में नकारात्मक संख्या कैसे प्रदर्शित कर सकता हूं?

वर्तमान स्थिति: 1-
वांछित राज्य: -1

Answer 1

अपने पाठ बॉक्स पर आप सिर्फ direction रीसेट करें, और सही करने के लिए पाठ संरेखित करने की आवश्यकता:

BODY { 
    direction: rtl; 
} 
#myInput { 
    direction: ltr; 
    text-align: right; 
} 

Example fiddle here

Answer 2

यह यूआई में संदर्भों के लिए आरटीएल/एलटीआर के साथ एक सामान्य मुद्दा है।

संक्षिप्त उत्तर: सर्वोत्तम दृष्टिकोण टेक्स्ट टेक्स्ट को अलग करने के लिए संख्यात्मक इनपुट और स्ट्रिंग इनपुट समर्पित करना है। अधिकांश आरटीएल भाषाओं के लिए संख्याएं (सभी नहीं, सावधान रहें!) एलटीआर हैं, और तार आरटीएल हैं, और संदर्भ को विभाजित करने से आप अपने इनपुट को सही तरीके से परिभाषित कर सकते हैं।

उदाहरण -

Place: <input type="text" dir="rtl" /> 
Temperature: <input type="number" dir="ltr" /> 

ध्यान दें कि W3C एचटीएमएल मार्कअप के बजाय सीएसएस, जो भी पहुंच और स्क्रीन पाठकों के लिए बेहतर है में भाषा को सेट अनुशंसा करता है। यदि संभव हो तो एक लैंग = "" विशेषता जोड़ना भी अनुशंसित है।

वहाँ तार और संख्या के लिए बक्सें विभाजित करने के लिए कई अच्छे कारणों के लिए अलग से जब संभव हो, RTL/लीटर के लिए विशेष रूप से कर रहे हैं:,

• यह आमतौर पर एक अच्छा UX निर्णय है, क्योंकि यह वह अपने उपयोगकर्ता के लिए स्पष्ट करता है कि वे क्या टाइप करने की उम्मीद है।
• आपको जो भी गणना या प्रदर्शन चिंताओं के लिए स्ट्रिंग और क्या संख्यात्मक इनपुट है, उसके बारे में आपके कोड (या जो भी फॉर्म फ़ील्ड्स का विश्लेषण करता है) में स्पष्ट अंतर प्राप्त करता है।
• जब आप परिणाम प्रदर्शित, आपको यह सुनिश्चित नंबर और पाठ सही ढंग से प्रदर्शित कर रहे हैं कर सकते हैं (<span dir="ltr">...</span> या dir="rtl" का उपयोग करते समय प्रासंगिक)
• एक इनपुट परिभाषित के रूप में संख्यात्मक मोबाइल उपकरणों बल्कि पूरा कीबोर्ड की तुलना में संख्या पैड लोड करने के लिए अनुमति देता है, जो यूएक्स के लिए एक बोनस है।

मुझे पता है कि यह प्रश्न कई साल पुराना है, लेकिन मुझे उम्मीद है कि यह आरटीएल या मिश्रित दिशाओं को समर्थन देने में रुचि रखने वाले किसी भी व्यक्ति को नए विचारों (और तब से कुछ तकनीकी अपडेट, विशेष रूप से मोबाइल) के साथ मदद कर सकता है।