HTMLdisabled 属性

<optgroup> 的 disabled 属性用于禁用选项组。此后，选项组将不可点击。下面是语法 -

<optgroup disabled>

现在，我们来看一个示例，实现 <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>

输出

在上例中，我们设置了两个选项组 -

<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>

现在，上述选项将变为禁用，访客将无法选择它们。

乔治·约翰

更新于：2019 年 7 月 30 日

122 人浏览

开启你的职业生涯

通过完成课程取得认证

开始

HTMLdisabled 属性

示例

输出

开启你的 职业生涯

开启你的职业生涯