HTML option disabled 属性

<option> 元素的 disabled 属性用于从选项列表中设置禁用的选项。禁用后，禁用的选项将无法点击。

语法

以下是语法 −

<option disabled>

示例

现在让我们看一个实现 <option> 元素的 disabled 属性的示例 −

<!DOCTYPE html>
<html>
<body>
<h2>Impurity level of Water</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" disabled>5:3</option>
</optgroup>
<optgroup label="Water">
<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 Ratio 下的选项 5:3 −

在上面的例子中，我们有选项组和选项 −

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

上面，我们使用 disabled 属性禁用了一个选项 −

<option value="two" disabled>5:3</option>

现在，您将无法选择该特定选项，因为它已被禁用。

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/