2013-06-02 6 views
12

के लिए 3 वर्णों की चौड़ाई निर्दिष्ट करें मैं HTML टेक्स्ट बॉक्स कैसे बनाऊंगा जिसमें वास्तव में 3 वर्ण फिट हो सकते हैं?
मुझे यह ऑनलाइन मिला: <input type="text" style="width: 10px; padding: 2px; border: 1px solid black"/>
यह 10px की चौड़ाई वाला एक टेक्स्ट बॉक्स बनाता है। मैं इसका उपयोग कर सकता था लेकिन मैं सोच रहा था कि क्या हम पिक्सेल के साथ "खेल" के बजाय 3 वर्ण चौड़ाई के लिए स्पष्ट रूप से सेट कर सकते हैं,एचटीएमएल इनपुट टेक्स्ट

+1

इस बारे में कुछ रोचक चर्चा [यहां] (http://stackoverflow.com/q/1480588/589985) - 'आकार' विशेषता काम करना चाहिए, लेकिन इसे लागू होने वाले किसी भी सीएसएस द्वारा ओवरराइड किया जाएगा। और यह ब्राउज़र में लगातार नहीं हो सकता है ... –

+0

@XavierHolt: 'size' अधिकतम स्वीकार्य इनपुट के लिए है। मुझे चौड़ाई – Cratylus

+2

@ क्रेटस में दिलचस्पी है - असल में, 'आकार' चौड़ाई को प्रभावित करता है - 'अधिकतम लम्बाई' वह है जो वर्णों की अधिकतम संख्या को नियंत्रित करता है। अधिक विस्तृत विवरण के लिए [इस पृष्ठ] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input) देखें। –

उत्तर

10

भरोसेमंद नहीं है, क्योंकि एल और डब्ल्यू की बहुत अलग चौड़ाई है।

हालांकि, यदि आप फ़ॉन्ट को monospace पर सेट करते हैं, तो इससे मदद मिलती है। फिर, आप इनपुट तत्व पर size="3" सेट करने में सक्षम होना चाहिए, और सिद्धांत रूप में यह बिल्कुल तीन वर्ण चौड़ा होना चाहिए।

+0

यह आमतौर पर अभ्यास में भी काम करता है। और फ़ॉन्ट को 'मोनोस्पेस' (ब्राउज़र-निर्भर जेनेरिक मोनोस्पेस फ़ॉन्ट) पर सेट करने की आवश्यकता नहीं है, लेकिन * कुछ * मोनोस्पेस फ़ॉन्ट, उदा। 'फ़ॉन्ट-फ़ैमिली: कंसोलस, लुसीडा कंसोल, मोनोस्पेस 'के साथ। –

संबंधित मुद्दे