एचटीएमएल <option> टैग

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

<option> लेबल द्वारा चयन सूची में विकल्पों को परिभाषित करता है。

<option> एलिमेंट स्थित है <select>、<optgroup> या <datalist> एलिमेंट में

ध्यान दें:<option> लेबल को कोई गुण नहीं देकर इस्तेमाल किया जा सकता है, लेकिन आमतौर पर value गुण की जरूरत होती है, जो फॉर्म जमा करने पर सर्वर को भेजने वाली सामग्री को संकेत करता है。

टिप्पणी:अगर आपके पास लंबे विकल्प सूची है, तो आप <optgroup> लेबल अंदर संबंधित विकल्पों को ग्रुप करने के लिए

अन्य संदर्भ

HTML DOM संदर्भ दस्तावेज़:ऑप्शन ऑब्जेक्ट

समाधान

उदाहरण 1

चार विकल्प वाली ड्रॉपडाउन सूची शामिल

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

स्वयं आया करके प्रयोग कीजिए

उदाहरण 2

में <datalist> एलिमेंट में इस्तेमाल <option>：

<label for="browser">सूची से अपना ब्राउज़र चुनें:</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>

स्वयं आया करके प्रयोग कीजिए

उदाहरण 3

में <optgroup> एलिमेंट में इस्तेमाल <option>：

<label for="cars">एक कार ब्रांड चुनें:</label>
<select 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>

स्वयं आया करके प्रयोग कीजिए

अट्रिब्यूट

अट्रिब्यूट मान वर्णन
डिसेबल डिसेबल विकल्प को अयोग्य करने के लिए निर्धारित करता है。
लेबल पाठ विकल्प के लिए छोटा टैग निर्धारित करता है。
सेलेक्टेड सेलेक्टेड पृष्ठ लोड होने पर एक विकल्प को पूर्व चयनित करने के लिए निर्धारित करता है。
वैल्यू पाठ सर्वर को भेजने हेतु जीवांकरण का मान निर्धारित करता है。

ग्लोबल अट्रिब्यूट

<option> टैग इसके साथ सहयोग करता है HTML में ग्लोबल अट्रिब्यूट।

इवेंट अट्रिब्यूट

<option> टैग इसके साथ सहयोग करता है HTML में इवेंट अट्रिब्यूट।

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

नहीं है।

ब्राउज़र सापोर्ट

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट