select
セレクトボックス
<select></select>
メニュー(セレクトボックス)を作成する要素です。
メニューの選択肢は、この要素内に配置するoption要素で作成します。
<select name="example">
<option value="選択肢1">選択肢1</option>
<option value="選択肢2">選択肢2</option>
<option value="選択肢3">選択肢3</option>
</select>
属性 | 説明 | 値 | 説明 |
---|---|---|---|
任意属性 | |||
name | メニューの名前 | 文字列 | メニューを識別するための名前 |
size | 表示する行数 | 数値 | 行数 |
multiple | 複数選択を可能にする | (multiple) | 値は省略 |
disabled | メニューの無効化 | (disabled) | 値は省略 |
- この要素がform要素内に配置されている場合は、name属性の有効範囲はそのform要素内に限られます。
- name属性の値は、選択されたデータとセットで送信されることになります。
- size属性の値に「2」以上を指定すると、リスト形式のメニューになります。「1」を指定した場合、またはこの属性を指定しない場合は、プルダウン形式のメニューになります。
- multiple属性を指定すると、選択肢の中から複数を選択できるようになります。(Windowsの場合は、「Shift」または「Ctrl」キーを押しながら選択すると複数を選択できます)
- 一部のブラウザでは、multiple属性が指定されたメニューはリスト形式で表示されます。
- disabled属性が指定されたメニューは、選択することができなくなります。また、データも送信されなくなります。
- multiple属性とdisabled属性は、値を省略して記述します(XHTMLでは省略不可)。
- 共通属性・その他属性
- style
- class
- id
- title
- lang
- dir
- tabindex
- イベント属性
- onclick
- ondblclick
- onmousedown
- onmouseup
- onmouseover
- onmousemove
- onmouseout
- onkeypress
- onkeydown
- onkeyup
- onfocus
- onblur
- onchange
<select name="example" size="3" multiple>
<option value="選択肢1">選択肢1</option>
<option value="選択肢2">選択肢2</option>
<option value="選択肢3">選択肢3</option>
</select>