【HTML】selectタグ - セレクトボックス（選択式入力）
HTMLのselectタグをご紹介します。
selectタグ
selectタグはセレクトボックス（選択式の入力項目）です。
基本構文
<select name="データ名">
<option value="値">選択名</option>
<option value="値">選択名</option>
<option value="値">選択名</option>
</select>selectタグはoptionタグをセットで使用します。
optionタグ
optionタグはselect要素の選択肢をマークアップします。
フォーム送信ではvalue属性の値が送信されます。
属性
主な属性をご紹介します。
| 属性名 | 必須 | 内容 |
|---|---|---|
| multiple | - | 複数選択 |
サンプルコード
セレクトボックス
<select name="fruit">
<option value="apple">リンゴ</option>
<option value="pineapple">パイナップル</option>
<option value="grape">ブドウ</option>
</select>複数選択
ctlキーを押しながら、選択することで複数選択が可能です。
<select name="fruit" multiple>
<option value="apple">リンゴ</option>
<option value="pineapple">パイナップル</option>
<option value="grape">ブドウ</option>
</select>
