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.