フォーム

`<select>` 選択肢から選ぶ

重要度5 / 5

意味

決まった選択肢から選んでもらう場合に使います。選択肢は <option> で書きます。選択肢が少ない場合は、すべて見えるラジオボタンのほうが選びやすいこともあります。

コード

HTML

<label for="type">ご相談の種類</label>
<select id="type" name="type">
  <option value="">選択してください</option>
  <option value="new">新規制作</option>
  <option value="renewal">リニューアル</option>
</select>

プレビュー（初期表示）

ブラウザ対応

主要ブラウザの対応状況
ブラウザ	対応
Chrome	1〜
Firefox	1〜
Safari	1〜
Edge	12〜
Chrome Android	18〜
Safari iOS	1〜

出典: MDN Web Docs（`@mdn/browser-compat-data`）