के लिए 3 वर्णों की चौड़ाई निर्दिष्ट करें मैं HTML
टेक्स्ट बॉक्स कैसे बनाऊंगा जिसमें वास्तव में 3 वर्ण फिट हो सकते हैं?
मुझे यह ऑनलाइन मिला: <input type="text" style="width: 10px; padding: 2px; border: 1px solid black"/>
यह 10px की चौड़ाई वाला एक टेक्स्ट बॉक्स बनाता है। मैं इसका उपयोग कर सकता था लेकिन मैं सोच रहा था कि क्या हम पिक्सेल के साथ "खेल" के बजाय 3 वर्ण चौड़ाई के लिए स्पष्ट रूप से सेट कर सकते हैं,एचटीएमएल इनपुट टेक्स्ट
12
A
उत्तर
10
भरोसेमंद नहीं है, क्योंकि एल और डब्ल्यू की बहुत अलग चौड़ाई है।
हालांकि, यदि आप फ़ॉन्ट को monospace
पर सेट करते हैं, तो इससे मदद मिलती है। फिर, आप इनपुट तत्व पर size="3"
सेट करने में सक्षम होना चाहिए, और सिद्धांत रूप में यह बिल्कुल तीन वर्ण चौड़ा होना चाहिए।
+0
यह आमतौर पर अभ्यास में भी काम करता है। और फ़ॉन्ट को 'मोनोस्पेस' (ब्राउज़र-निर्भर जेनेरिक मोनोस्पेस फ़ॉन्ट) पर सेट करने की आवश्यकता नहीं है, लेकिन * कुछ * मोनोस्पेस फ़ॉन्ट, उदा। 'फ़ॉन्ट-फ़ैमिली: कंसोलस, लुसीडा कंसोल, मोनोस्पेस 'के साथ। –
संबंधित मुद्दे
- 1. एचटीएमएल पारदर्शी टेक्स्ट इनपुट बॉक्स
- 2. एचटीएमएल टेक्स्ट इनपुट ऑनचेंज इवेंट
- 3. आईओएस डिवाइस एचटीएमएल फॉर्म इनपुट (टाइप = टेक्स्ट)
- 4. एचटीएमएल इनपुट
- 5. एचटीएमएल इनपुट बॉक्स -
- 6. एचटीएमएल 5 इनपुट प्रकार
- 7. टेक्स्ट इनपुट
- 8. टेक्स्ट इनपुट
- 9. एचटीएमएल इनपुट-फील्ड
- 10. एचटीएमएल टेक्स्ट
- 11. एचटीएमएल टेक्स्ट फ़ील्ड में विशेष वर्ण इनपुट को रोकना
- 12. एचटीएमएल 5 इनपुट प्रकार = "दिनांक"
- 13. वेबव्यू एचटीएमएल इनपुट फॉर्म कुंजीपटल
- 14. इनपुट टेक्स्ट आईओएस सिम्युलेटर
- 15. इनपुट [टाइप = टेक्स्ट]
- 16. अक्षम इनपुट टेक्स्ट रंग
- 17. इनपुट प्रकार टेक्स्ट
- 18. स्टाइलिंग टेक्स्ट इनपुट कैरेट
- 19. टेक्स्ट इनपुट के मूल्य
- 20. jQuery - परिवर्तन इनपुट टेक्स्ट
- 21. extjs इनपुट टेक्स्ट मास्कआर
- 22. simple_form टेक्स्ट इनपुट
- 23. अलर्टडिअलॉग इनपुट टेक्स्ट
- 24. टेक्स्ट बॉक्स इनपुट ऊंचाई
- 25. एचटीएमएल फॉर्म या इनपुट
- 26. एचटीएमएल नंबर इनपुट
- 27. जावास्क्रिप्ट एचटीएमएल इनपुट
- 28. एचटीएमएल 5 इनपुट टैग
- 29. एचटीएमएल में इनपुट और टेक्स्ट इनपुट का चयन करें - बराबर चौड़ाई बनाने का सबसे अच्छा तरीका?
- 30. प्रतिक्रियात्मक स्पष्ट टेक्स्ट एकाधिक टेक्स्ट इनपुट बॉक्स
इस बारे में कुछ रोचक चर्चा [यहां] (http://stackoverflow.com/q/1480588/589985) - 'आकार' विशेषता काम करना चाहिए, लेकिन इसे लागू होने वाले किसी भी सीएसएस द्वारा ओवरराइड किया जाएगा। और यह ब्राउज़र में लगातार नहीं हो सकता है ... –
@XavierHolt: 'size' अधिकतम स्वीकार्य इनपुट के लिए है। मुझे चौड़ाई – Cratylus
@ क्रेटस में दिलचस्पी है - असल में, 'आकार' चौड़ाई को प्रभावित करता है - 'अधिकतम लम्बाई' वह है जो वर्णों की अधिकतम संख्या को नियंत्रित करता है। अधिक विस्तृत विवरण के लिए [इस पृष्ठ] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input) देखें। –