HTML <option> disabled 属性

HTML <option> 标签

定义和用法

disabled 属性是一个布尔属性。

当存在时，它规定应禁用选项。

禁用的选项是不可用且不可点击的。

可以设置 disabled 属性以防止用户选择该选项，直到满足某些其他条件（如选择复选框等）。然后，需要一个 JavaScript 来删除 disabled 值，使该选项可选择。

实例

带有一个禁用选项的下拉列表：

<label for="cars">请选择一个汽车品牌：</label>

<select id="cars">
  <option value="audi" disabled>奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

亲自试一试

语法

<option disabled>

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 8.0 支持 支持 支持

HTML <option> 标签