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

select”要素~“multiple”属性

記事Sep.23rd, 2020
複数の値を入力を可能にする属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

multiple”属性について

multiple”属性はselect”要素で表される入力欄で複数の入力候補を選択できるようにする属性です。

multiple”属性を指定したselect”要素はスクロール形式のリストボックスとして表示されます。size”属性を指定していない場合、既定値はsize="4"です。

multiple”属性を指定する場合、入力値を受け取るプログラムが重複したname”属性の値に組み合わせられたvalue”属性の値をすべて処理できるようにする必要があります。

指定できる値

属性値 説明
multiple 複数の値を入力を可能にする

属性値は省略できます。

サンプルコード

属性値を省略
<form method="post" action="sample-selecttag2.php" target="_blank">
<fieldset>
<p>
<label>
好きな魚:
<select name="fish[]" multiple>
<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-selecttag2.php" target="_blank">
<fieldset>
<p>
<label>
好きな魚:
<select name="fish" multiple="multiple">
<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
はてなブックマーク