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

select”要素~“disabled”属性

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

disabled”属性について

disabled”属性はselect”要素で表される入力欄を無効化します。

disabled”属性が指定されたselect”要素フォームが送信されるときに値を送信しません。

disabled”属性を指定していない場合でも祖先要素となるfieldset”要素disabled”属性が指定されている時も入力欄は無効化されます。ただし、select”要素fieldset”要素の子要素となる最初のlegend”要素の子孫要素である場合は除きます。

入力欄の入力候補の一部を無効化したい場合はoption”要素optgroup”要素に“disabled”属性を指定します。

指定できる値

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

属性値は省略できます。

サンプルコード

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