HTML 禁用属性

HTML 中的 元素可以将选项分组，以便于在下拉列表中更好地组织和显示选项。但是有时候我们可能需要禁用一个选项组，防止用户进行选择。这时可以使用 元素的禁用属性。

禁用 元素

禁用 元素可以防止用户对组内的选项进行选择。使用禁用属性，只需要在 标签中添加一个 "disabled" 属性即可。如下所示：

<select>
  <optgroup label="水果">
    <option value="apple">苹果</option>
    <option value="banana">香蕉</option>
  </optgroup>
  <optgroup label="蔬菜" disabled>
    <option value="carrot">胡萝卜</option>
    <option value="cucumber">黄瓜</option>
  </optgroup>
</select>

上述代码中，第二个 元素会被禁用，其中的选项无法选择。

禁用 元素

与禁用 元素类似，我们也可以禁用一个 元素，使其不可被选择。使用方法也是在 标签中添加 "disabled" 属性。如下所示：

<select>
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="carrot" disabled>胡萝卜</option>
  <option value="cucumber" disabled>黄瓜</option>
</select>

上述代码中，最后两个 元素被禁用，用户无法选择它们。

总结