एचटीएमएल <चयन> टैग
उदाहरण
चार विकल्पों के साथ एक ड्रॉप-डाउन सूची बनाएं:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
तत्व का <select>
उपयोग ड्रॉप-डाउन सूची बनाने के लिए किया जाता है।
उपयोगकर्ता इनपुट एकत्र करने के <select>
लिए तत्व का उपयोग अक्सर एक रूप में किया जाता है।
name
प्रपत्र सबमिट करने के बाद प्रपत्र डेटा को संदर्भित करने के लिए विशेषता की आवश्यकता होती है (यदि आप विशेषता को छोड़ देते हैं ,
name
तो ड्रॉप-डाउन सूची से कोई डेटा सबमिट नहीं किया जाएगा)।
id
ड्रॉप-डाउन सूची को किसी लेबल से संबद्ध करने के लिए विशेषता की आवश्यकता होती है ।
तत्व के अंदर <विकल्प> टैग <select>
ड्रॉप-डाउन सूची में उपलब्ध विकल्पों को परिभाषित करते हैं।
युक्ति: सर्वोत्तम पहुंच-योग्यता प्रथाओं के लिए हमेशा <लेबल> टैग जोड़ें!
ब्राउज़र समर्थन
Element | |||||
---|---|---|---|---|---|
<select> | Yes | Yes | Yes | Yes | Yes |
गुण
Attribute | Value | Description |
---|---|---|
autofocus | autofocus | Specifies that the drop-down list should automatically get focus when the page loads |
disabled | disabled | Specifies that a drop-down list should be disabled |
form | form_id | Defines which form the drop-down list belongs to |
multiple | multiple | Specifies that multiple options can be selected at once |
name | name | Defines a name for the drop-down list |
required | required | Specifies that the user is required to select a value before submitting the form |
size | number | Defines the number of visible options in a drop-down list |
वैश्विक गुण
<select>
टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<select>
टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
<ऑप्टग्रुप> टैग के साथ <select> का उपयोग करें:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: वस्तु का चयन करें
सीएसएस ट्यूटोरियल: स्टाइलिंग फॉर्म
डिफ़ॉल्ट सीएसएस सेटिंग्स
कोई नहीं।