HTML <select>タグ

例

4つのオプションを持つ選択リストを作成：

<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>

試してみる »

ブラウザサポート

すべての主要ブラウザは <select> タグをサポートしています。

タグの定義と使用説明

<select> 要素はドロップダウンリストを作成するために使用します。

<select> 要素内の<option>タグはリスト内の利用可能なオプションを定義します。

ヒントと注釈

ヒント：<select> 要素はフォームコントロールであり、フォーム内でユーザー入力を受け付けるために使用できます。

HTML 4.01 と HTML5 の違い

HTML5 ではいくつかの新しい属性が追加されました。

属性

New：HTML5 の新しい属性。

属性	值	説明
autofocusNew	autofocus	ページ読み込み時にドロップダウンリストが自動的にフォーカスを取得することを指定します。
disabled	disabled	この属性が true の場合、ドロップダウンリストが無効になります。
formNew	form_id	select フィールドが属する1つ以上のフォームを定義します。
multiple	multiple	この属性が true の場合、複数のオプションを選択できます。
name	text	ドロップダウンリストの名前を定義します。
requiredNew	required	ユーザーがフォームを送信する前に、ドロップダウンリストからオプションを選択する必要があることを指定します。
size	number	ドロップダウンリストで表示されるオプションの数を指定します。

グローバル属性

<select> タグがサポートするHTML のグローバル属性。

イベント属性

<select> タグがサポートするHTML のイベント属性。

HTML DOM リファレンスマニュアル：Select オブジェクト

その他の拡張

HTMLタグ