HTML <optgroup> अक्षम विशेषता

<घंटा/>

एक विकल्प-समूह को अक्षम करने के लिए की अक्षम विशेषता का उपयोग किया जाता है। उसके बाद, विकल्प-समूह क्लिक करने योग्य नहीं हो जाता है। निम्नलिखित वाक्य रचना है -

<optgroup disabled>

आइए अब तत्व की अक्षम विशेषता को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<body>
<h2>Water Levels</h2>
<p>Impurity Level <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">5:3</option>
   </optgroup>
   <optgroup label="Water" 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>

आउटपुट

HTML optgroup
अक्षम विशेषता

उपरोक्त उदाहरण में, हमने दो विकल्प-समूह सेट किए हैं -

<optgroup label="Ratio">
   <option value="one">3:2</option>
   <option value="two">5:3</option>
</optgroup>
<optgroup label="Water" disabled>
   <option value="low">2L</option>
   <option value="Medium">5L</option>
   <option value="high">10L</option>
   <option value="veryhigh">20L</option>
</optgroup>

हमने विकल्प-समूह में से एक को अक्षम के रूप में सेट किया है -

<optgroup label="Water" disabled>
   <option value="low">2L</option>
   <option value="Medium">5L</option>
   <option value="high">10L</option>
   <option value="veryhigh">20L</option>
</optgroup>

अब उपरोक्त विकल्प अक्षम हो जाएंगे और आगंतुक उनका चयन नहीं कर पाएंगे।

HTML अक्षम विशेषता

उदाहरण

आउटपुट