Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में सेलेक्ट एलिमेंट के लिए दृश्यमान ऑप्शन्स की संख्या कैसे निर्दिष्ट करें?

size एट्रिब्यूट का उपयोग <select> एलिमेंट पर करके ड्रॉपडाउन के बजाय लिस्ट बॉक्स के रूप में दिखने वाले दृश्यमान ऑप्शन्स की संख्या निर्दिष्ट की जाती है। size="1" (डिफ़ॉल्ट) ड्रॉपडाउन दिखाता है, size>1 लिस्ट बॉक्स दिखाता है।

उदाहरण

<!DOCTYPE html> <html> 
  <body> 
    <p>अब तक देखे गए देश चुनें:</p> 
    <select size="5"> 
      <option value="india">भारत</option> 
      <option value="us">अमेरिका</option> 
      <option value="canada">कनाडा</option> 
      <option value="aus">ऑस्ट्रेलिया</option> 
      <option value="bangladesh">बांग्लादेश</option> 
    </select> 
  </body> 
</html>

नोट: multiple एट्रिब्यूट के साथ size उपयोग करके मल्टी-सिलेक्ट लिस्ट बॉक्स बनाएं। CSS height से भी ऊंचाई नियंत्रित कर सकते हैं।

  1. जावास्क्रिप्ट में सिलेक्ट ऑप्शन्स (ड्रॉपडाउन) की लंबाई प्राप्त करना जावास्क्रिप्ट में सिलेक्ट ऑप्शन्स (ड्रॉपडाउन) की लंबाई प्राप्त करना

    मान लीजिए निम्नलिखित हमारा ड्रॉपडाउन (सिलेक्ट) है - John Mike Sam David Carol जावास्क्रिप्ट में लिस्ट ऑप्शन्स की लंबाई प्राप्त करने का कोड निम्नलिखित है -उदाहरण  Document John Mike Sam David Carol var lengthOfListOptions = $(#lengthListOfOptionDemo option).length;

  1. HTML में <datalist> टैग का उपयोग कैसे करें? HTML में <datalist> टैग का उपयोग कैसे करें?

    HTML <datalist> टैग <input> एलिमेंट के लिए विकल्पों का एक सेट निर्दिष्ट करता है। आपको एक आईडी भी जोड़नी होगी। <datalist>...</datalist> टैग के अंदर <option>...</option> टैग का उपयोग करें।उदाहरणHTML में <datalist> टैग का उपयोग करने के लिए निम्न कोड चलाएं:<!

  1. HTML में इनपुट के लिए कैरेक्टर्स में चौड़ाई कैसे जोड़ें? HTML में इनपुट के लिए कैरेक्टर्स में चौड़ाई कैसे जोड़ें?

    उदाहरण <!DOCTYPE html> <html> <body> <form action=> विषय: <input type=text name=sub maxlength=10 size=10><br> <input type=submit value=सबमिट> </form> </body> </html> size एट्रिब्यूट <input type=text>, &