HTML size एट्रिब्यूट

परिचय

HTML size एट्रिब्यूट <select> और <input> HTML एलिमेंट्स में दृश्यमान विकल्पों/अक्षरों की संख्या को दर्शाता है। इसका व्यवहार एलिमेंट प्रकार के अनुसार भिन्न होता है।

सिंटैक्स

<tagname size="number"></tagname>

उदाहरण

<select> एलिमेंट के लिए, size दृश्यमान विकल्पों की संख्या निर्धारित करता है (ड्रॉपडाउन के बजाय सूची बॉक्स बनाता है)।

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 20px;
  }
  select {
    margin: 1rem auto;
    padding: 8px;
    font-size: 1rem;
  }
</style>
<body>
<h1>HTML size एट्रिब्यूट डेमो</h1>
<p>अपना पसंदीदा विषय चुनें:</p>
<select size="2">
  <option value="Physics">भौतिकी</option>
  <option value="Chemistry">रसायन विज्ञान</option>
  <option value="Biology">जीव विज्ञान</option>
  <option value="German lang">जर्मन भाषा</option>
  <option value="Economics">अर्थशास्त्र</option>
</select>
</body>
</html>

आउटपुट

एक सूची बॉक्स दिखाई देगा जिसमें एक साथ 2 विकल्प दृश्यमान होंगे, और बाकी के लिए स्क्रॉल करना होगा।

एलिमेंट के अनुसार व्यवहार

एलिमेंट	size का प्रभाव
`<select>`	दृश्यमान विकल्पों की संख्या। `size > 1` होने पर ड्रॉपडाउन के बजाय सूची बॉक्स बनाता है
`<input type="text">`	दृश्यमान अक्षरों की चौड़ाई (लगभग)
`<input type="password">`	दृश्यमान अक्षरों की चौड़ाई
`<input type="email">`	दृश्यमान अक्षरों की चौड़ाई
`<input type="search">`	दृश्यमान अक्षरों की चौड़ाई

नोट

<select> पर size के साथ multiple एट्रिब्यूट अक्सर उपयोग किया जाता है
<input> के लिए, CSS width या ch यूनिट अधिक सटीक नियंत्रण देते हैं
size="0" अमान्य है - न्यूनतम 1 होना चाहिए

ब्राउज़र समर्थन

सभी ब्राउज़रों में पूर्ण समर्थन।