HTML cols एट्रिब्यूट
cols एट्रिब्यूट <textarea> एलिमेंट की दृश्यमान चौड़ाई (औसत अक्षर चौड़ाई में) निर्दिष्ट करता है। यह <frameset> के लिए भी उपयोग होता था, लेकिन <frameset> HTML5 में अप्रचलित है।
सिंटैक्स
<textarea cols="number"></textarea>
विवरण
- मान: धनात्मक पूर्णांक (डिफ़ॉल्ट: 20)
- इकाई: औसत अक्षर चौड़ाई (मोनोस्पेस फॉन्ट आधारित)
- CSS ओवरराइड: CSS
widthप्रॉपर्टी इससे प्राथमिकता लेती है
उदाहरण: साक्षात्कार प्रश्न टेक्स्टएरियाज
<!DOCTYPE html>
<html>
<body>
<h2>साक्षात्कार प्रश्न</h2>
<p>आप संपादक नौकरी प्रोफाइल के लिए क्यों जाना चाहते हैं? (100 शब्द)</p>
<textarea rows="6" cols="70" autofocus>
उत्तर 100 शब्दों में लिखें...
</textarea>
<p>आपकी कमजोरियां क्या हैं? (50 शब्द)</p>
<textarea rows="4" cols="70" autofocus>
उत्तर 50 शब्दों में लिखें...
</textarea>
</body>
</html>
आउटपुट
दो टेक्स्टएरियाज, दोनों 70 अक्षर चौड़े, अलग-अलग ऊँचाई (rows) के साथ।
rows एट्रिब्यूट के साथ संयोजन
<textarea rows="10" cols="50"></textarea> <!-- 10 पंक्तियाँ ऊँची, 50 अक्षर चौड़ी -->
CSS के साथ बेहतर नियंत्रण
textarea {
width: 100%; /* रिस्पॉन्सिव चौड़ाई */
max-width: 800px; /* अधिकतम चौड़ाई */
min-height: 150px; /* न्यूनतम ऊँचाई */
resize: vertical; /* उपयोगकर्ता केवल ऊर्ध्वाधर रिसाइज़ कर सके */
box-sizing: border-box;
}
नोट
cols और rows एट्रिब्यूट्स आवश्यक हैं HTML वैलिडिटी के लिए, भले ही CSS से ओवरराइड करें।
