このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

option”要素~“disabled”属性

記事Sep.21st, 2020
入力候補を無効化する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

disabled”属性について

disabled”属性はoptgroup”要素で表される入力候補のグループを無効化します。

通常“disabled”属性が指定されたoptgroup”要素でグループ化された入力候補は選択できないものの薄い色で表示されます。

disabled”属性はoptgroup”要素に含まれるすべての入力候補を無効化します。入力候補を一つずつ無効化する場合はoption”要素disabled”属性を指定します。

指定できる値

属性値 説明
disabled 入力欄を無効化

属性値は省略できます。

サンプルコード

属性値を省略
<form method="post" action="sample-selecttag1.php" target="_blank">
<fieldset>
<p>
<label>
好きな魚:
<select name="fish">
<option value="">--選択--</option>
<optgroup label="海の魚">
<option value="鮪">鮪</option>
<option value="鮭">鮭</option>
<option value="鮫">鮫</option>
</optgroup>
<optgroup label="川の魚" disabled>
<option value="鯉">鯉</option>
<option value="鱒">鱒</option>
<option value="鮒">鮒</option>
</optgroup>
</select>
</label>
</p>
</fieldset>
<p><input type="submit" value="送信する"></p>
</form>
属性値を省略

属性値を省略しない
<form method="post" action="sample-selecttag1.php" target="_blank">
<fieldset>
<p>
<label>
好きな魚:
<select name="fish">
<option value="">--選択--</option>
<optgroup label="海の魚">
<option value="鮪">鮪</option>
<option value="鮭">鮭</option>
<option value="鮫">鮫</option>
</optgroup>
<optgroup label="川の魚" disabled="disabled">
<option value="鯉">鯉</option>
<option value="鱒">鱒</option>
<option value="鮒">鮒</option>
</optgroup>
</select>
</label>
</p>
</fieldset>
<p><input type="submit" value="送信する"></p>
</form>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク