HTML <オプション>無効属性

❮HTML<option>タグ

1つの無効なオプションを含むドロップダウンリスト:

<label for="cars">Choose a car:</label>

<select id="cars">
  <option value="volvo" disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

定義と使用法

disabled属性はブール属性です

存在する場合、オプションを無効にする必要があることを指定します。

無効にしたオプションは使用できず、クリックもできません。

このdisabled属性を設定すると、他の条件(チェックボックスの選択など)が満たされるまで、ユーザーがオプションを選択できないようにすることができます。次に、無効な値を削除し、オプションを選択可能にするためにJavaScriptが必要です。


ブラウザのサポート

表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。

Attribute
disabled Yes 8.0 Yes Yes Yes

構文

<option disabled>

❮HTML<option>タグ