HTML


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

现在,你不会能够选择该特定选项,因为它已被禁用。

更新于:2019-09-16

368浏览量

开启你的职业生涯

完成课程并获得认证

开始你的学习
广告
© . All rights reserved.