<option> एलिमेंट का disabled एट्रिब्यूट विकल्पों की सूची में से एक डिसेबल विकल्प सेट करने के लिए उपयोग किया जाता है। उसके बाद, डिसेबल विकल्प क्लिकेबल नहीं होगा।
सिंटैक्स
निम्न सिंटैक्स है:
<option disabled>
उदाहरण
आइए अब <option> एलिमेंट के disabled एट्रिब्यूट को लागू करने का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <body> <h2>पानी की अशुद्धता का स्तर</h2> <p>अशुद्धता स्तर <meter min="0" low="50" high="95" max="100" value="85"></meter></p> <select> <optgroup label="Ratio"> <option value="one">3:2</option> <option value="two" disabled>5:3</option> </optgroup> <optgroup label="Water"> <option value="low">2L</option> <option value="Medium">5L</option> <option value="high">10L</option> <option value="veryhigh">20L</option> </optgroup> </select> </body> </html>
आउटपुट
यह निम्न आउटपुट देगा। यहां, optgroup Ratio के तहत विकल्प 5:3:
उपरोक्त उदाहरण में, हमारे पास इसके अंदर विकल्पों के साथ ऑप्शन-ग्रुप हैं:
<select> <optgroup label="Ratio"> <option value="one">3:2</option> <option value="two" disabled>5:3</option> </optgroup> <optgroup label="Water"> <option value="low">2L</option> <option value="Medium">5L</option> <option value="high">10L</option> <option value="veryhigh">20L</option> </optgroup> </select>
ऊपर, हमने disabled एट्रिब्यूट का उपयोग करके एक विकल्प को डिसेबल किया है:
<option value="two" disabled>5:3</option>
अब, आप उस विशेष विकल्प को सेलेक्ट नहीं कर पाएंगे क्योंकि यह डिसेबल है।
