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

HTML फॉर्म में सिंपल ड्रॉपडाउन लिस्ट कैसे बनाएं?


<select> और <option> टैग्स

ड्रॉपडाउन लिस्ट (सेलेक्ट बॉक्स) बनाने के लिए <select> टैग उपयोग करें, जिसके अंदर <option> टैग्स से विकल्प जोड़ें।

<select> के एट्रिब्यूट्स:

क्र.सं.एट्रिब्यूट और विवरण
1name - कंट्रोल का नाम (सर्वर के लिए)
2size - स्क्रोलिंग लिस्ट बॉक्स के लिए
3multiple - "multiple" पर सेट हो तो एकाधिक चयन संभव

<option> के एट्रिब्यूट्स:

क्र.सं.एट्रिब्यूट और विवरण
1value - चयन होने पर भेजा जाने वाला मान
2selected - पेज लोड पर डिफ़ॉल्ट चयनित
3label - विकल्प लेबल करने का वैकल्पिक तरीका

उदाहरण

<!DOCTYPE html> <html>
  <head> <title>Select Box Control</title> </head>
  <body>
    <p>Here's the list of subjects. Select any one:</p>
    <form>
      <select name="dropdown">
        <option value="Computer Architecture" selected>Computer Architecture</option>
        <option value="Java">Java</option>
        <option value="Discrete Mathematics">Discrete Mathematics</option>
      </select>
    </form>
  </body>
</html>
  1. HTML में मल्टीपल एट्रिब्यूट का उपयोग कैसे करें? HTML में मल्टीपल एट्रिब्यूट का उपयोग कैसे करें?

    HTML में multiple एट्रिब्यूट उपयोगकर्ता को एक से अधिक मान दर्ज करने की अनुमति देता है। यह एक बूलियन एट्रिब्यूट है और इसे <input> के साथ-साथ <select> एलिमेंट पर उपयोग किया जा सकता है।HTML फॉर्म में मल्टीपल फ़ाइल अपलोड की अनुमति देने के लिए, multiple एट्रिब्यूट का उपयोग करें। multiple एट्र

  1. HTML में लिस्ट एट्रिब्यूट का उपयोग कैसे करें? HTML में लिस्ट एट्रिब्यूट का उपयोग कैसे करें?

    HTML में, हम <datalist> एलिमेंट का उपयोग प्री-डिफाइंड विकल्पों की एक सूची निर्दिष्ट करने के लिए करते हैं। यह सूची एक इनपुट एलिमेंट के लिए है। list एट्रिब्यूट इस <datalist> एलिमेंट को संदर्भित करता है। HTML5 ने list एट्रिब्यूट पेश किया।list एट्रिब्यूट एक <datalist> एलिमेंट को संदर्भ

  1. HTML DOM Select Object - संपूर्ण गाइड और उदाहरण HTML DOM Select Object - संपूर्ण गाइड और उदाहरण

    HTML DOM Select Object HTML DOM Select Object HTML दस्तावेज़ में <select> तत्व को दर्शाता है। यह ड्रॉप-डाउन सूचियों को बनाने, एक्सेस करने और हेरफेर करने के लिए properties और methods प्रदान करता है। Select Object बनाना document.createElement(SELECT); Select Object के Properties