HTML <select> टैग

  • पिछला पृष्ठ <section>
  • अगला पृष्ठ <small>

परिभाषा और उपयोग

<select> एलीमेंट ड्रॉपडाउन सूची बनाने के लिए इस्तेमाल किया जाता है。

<select> एलीमेंट अक्सर फॉर्म में इस्तेमाल किया जाता है, इसका उपयोग उपयोगकर्ता के इनपुट को संग्रह करने के लिए किया जाता है。

फॉर्म सबमिट करने के बाद name गुण का उपयोग करके फॉर्म डाटा को संदर्भित करें (यदि name गुण खोजा नहीं जाता, तो ड्रॉपडाउन सूची में की गई डाटा सबमिट नहीं होगी)。

<select> एलीमेंट के अंदर <option> टैग ड्रॉपडाउन सूची में उपलब्ध विकल्पों को परिभाषित करें。

ड्रॉपडाउन सूची को लेबल (label) के साथ जोड़ने के लिए id गुण का उपयोग करें。

सूचना:हमेशा जोड़ें <label> टैग सर्वश्रेष्ठ उपलब्धता प्रथाओं के लिए अधिक जानकारी प्राप्त करने के लिए!

अन्य देखें:

HTML DOM संदर्भ पुस्तक:सेलेक्ट ऑब्जैक्ट

CSS शिक्षण:फॉर्म शैली सेट करें

उदाहरण

उदाहरण 1

चार विकल्प वाली ड्रॉपडाउन सूची बनाएं:

<label for="cars">किसी कार ब्रांड को चुनें:</label>
<select name="cars" id="cars">
  <option value="audi">ऑडियो</option>
  <option value="byd">बीयडी</option>
  <option value="geely">जीली</option>
  <option value="volvo">वोल्वो</option>
</select>

स्वयं एक प्रयोग करें

उदाहरण 1

उदाहरण 2 <select> ऑप्टग्रुप टैग के साथ इस्तेमाल करें:

<label for="cars">किसी कार ब्रांड को चुनें:</label>
<select  name="cars" id="cars">
  <optgroup label="चीनी कार">
    <option value="byd">बीयडी</option>
    <option value="geely">जीली</option>
  </optgroup>
  <optgroup label="जर्मन कार">
    <option value="mercedes">मर्सिडीस</option>
    <option value="audi">ऑडियो</option>
  </optgroup>
</select>

स्वयं एक प्रयोग करें

गुण

गुण मूल्य वर्णन
autofocus autofocus ड्रॉपडाउन सूची पृष्ठ लोड होने पर स्वचालित रूप से फोकस प्राप्त करना चाहिए।
disabled disabled ड्रॉपडाउन सूची को अयोग्य करना चाहिए।
form फॉर्म id ड्रॉपडाउन सूची के संबद्ध फॉर्म को परिभाषित करता है।
multiple multiple केवल एक बार कई विकल्प चुन सकते हैं।
name नाम ड्रॉपडाउन सूची का नाम परिभाषित करता है。
required required सबसे पहले फॉर्म को सबसे पहले एक मूल्य चुनना होगा
size संख्या ड्रॉपडाउन सूची में दिखने वाले विकल्पों की संख्या को परिभाषित करता है。

वैश्विक विशेषता

<select> टैग इसके साथ भी समर्थित करता है HTML में वैश्विक विशेषता。

इवेंट विशेषता

<select> टैग इसके साथ भी समर्थित करता है HTML में इवेंट विशेषता。

डिफॉल्ट का CSS सेटिंग

बिना किसी चीज़

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

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट
  • पिछला पृष्ठ <section>
  • अगला पृष्ठ <small>