<select>
<select> 要素はオプションのメニューを提供するコントロールを表します。<option> 要素で選択肢を定義します。
概要
<select> 要素はオプションのメニューを提供するコントロールを表します。<option> 要素で選択肢を定義します。
対応ブラウザ
デスクトップ
Chrome 1+
Edge 12+
Safari 1+
Firefox 1+
モバイル
Chrome Android 18+
Safari iOS 1+
Firefox Android 4+
基本構文
HTML
<label for="color">色を選択:</label>
<select id="color" name="color">
<option value="">-- 選択してください --</option>
<optgroup label="暖色">
<option value="red">赤</option>
<option value="orange">オレンジ</option>
</optgroup>
<optgroup label="寒色">
<option value="blue">青</option>
<option value="green">緑</option>
</optgroup>
</select>実務での使いどころ
-
<select> の活用
ドロップダウンリストを提供する選択要素。オプションの中から選択するUIに使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。