HTML optgroup disabled 属性

htmlweb developmentfront end technology更新于 2025/6/16 22:04:17

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

现在上述选项将被禁用,访问者将无法选择它们。


相关文章


有用资源