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