“option”要素~“disabled”属性

“disabled”属性について

“disabled”属性は“option”要素で表される入力候補を無効化します。

“option”要素が“select”要素の子孫要素である場合、通常“disabled”属性が指定された入力候補は選択できないものの薄い色で表示されます。

“option”要素が“datalist”要素の子要素である場合、通常“disabled”属性が指定された入力候補は入力候補として表示されません。

“disabled”属性を指定していない場合でも親要素となる“optgroup”要素に“disabled”属性が指定されている時も入力候補は無効化されます。

指定できる値

属性値は省略できます。

サンプルコード

属性値を省略
<form method="post" action="sample-selecttag1.php" target="_blank">

<fieldset>

<p>

<label>

好きな魚：
<select name="fish">

<option value="">--選択--</option>
<option value="鮪">鮪</option>
<option value="鰹" disabled>鰹</option>
<option value="鮭">鮭</option>
<option value="鯵">鯵</option>
<option value="鮫">鮫</option>

</select>

</label>

</p>

</fieldset>
<p><input type="submit" value="送信する"></p>

</form>

属性値を省略

好きな魚： --選択-- 鮪 鰹 鮭 鯵 鮫