एचटीएमएल <विकल्प> टैग
उदाहरण
चार विकल्पों के साथ एक ड्रॉप-डाउन सूची:
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
<option>टैग एक चयन सूची में एक विकल्प को परिभाषित करता है ।
<option>तत्व <select> ,
<optgroup> , या <datalist> तत्व के अंदर जाते हैं।
नोट: टैग का <option>उपयोग बिना किसी विशेषता के किया जा सकता है, लेकिन आपको आमतौर पर मूल्य विशेषता की आवश्यकता होती है, जो इंगित करती है कि फॉर्म जमा करने पर सर्वर को क्या भेजा जाता है।
युक्ति: यदि आपके पास विकल्पों की एक लंबी सूची है, तो आप संबंधित विकल्पों को <optgroup> टैग के भीतर समूहित कर सकते हैं।
ब्राउज़र समर्थन
| Element | |||||
|---|---|---|---|---|---|
| <option> | Yes | Yes | Yes | Yes | Yes |
गुण
| Attribute | Value | Description |
|---|---|---|
| disabled | disabled | Specifies that an option should be disabled |
| label | text | Specifies a shorter label for an option |
| selected | selected | Specifies that an option should be pre-selected when the page loads |
| value | text | Specifies the value to be sent to a server |
वैश्विक गुण
<option>टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<option>टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
एक <datalist> तत्व में <विकल्प> का उपयोग:
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
उदाहरण
<optgroup> तत्वों में <विकल्प> का उपयोग:
<label for="cars">Choose a car:</label>
<select 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>
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: विकल्प वस्तु
डिफ़ॉल्ट सीएसएस सेटिंग्स
कोई नहीं।