例
4つのオプションを含むドロップダウンリストを作成します。
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
»それを自分で試してみてください 定義と使用法
<select>要素は、ドロップダウンリストを作成するために使用されます。
<option>タグ内<select>要素には、リスト内で使用可能なオプションを定義します。
ブラウザのサポート
| 素子 | |||||
|---|---|---|---|---|---|
| <select> | はい | はい | はい | はい | はい |
ヒントと注意事項
ヒント： <select>要素は、フォームコントロールであり、ユーザー入力を収集するための形態で使用することができます。
HTML 4.01とHTML5の違い
HTML5は、いくつかの新しい属性を追加しました。
属性
= HTML5で追加。
| 属性 | 値 | 説明 |
|---|---|---|
| autofocus | autofocus | ドロップダウンリストが自動的に取得し、ページのロード時に焦点を当てるべきであることを指定します |
| disabled | disabled | ドロップダウンリストを無効にすることを指定します |
| form | form_id | 一つ以上の形態を定義する選択フィールドが属します |
| multiple | multiple | 複数のオプションを一度に選択できることを指定します |
| name | name | ドロップダウンリストの名前を定義します |
| required | required | フォームを送信する前にユーザーが値を選択する必要があることを指定します |
| size | number | ドロップダウンリストに表示オプションの数を定義します |
グローバル属性
<select>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<select>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTML DOMリファレンス： オブジェクト選択
CSSチュートリアル： スタイリングフォーム
デフォルトのCSS設定
なし。