セレクトボックス
Select
別名: セレクトメニュー、ドロップダウンリスト、プルダウン、プルダウンメニュー、Dropdown list、Select box、Select menu
生態（さわってみる）
未選択です
一言定義
あらかじめ用意された選択肢の一覧から1つを選ばせる、クリックで開閉する入力UI。
分類
使う場面
- 選択肢の数が多く（目安6〜十数個）、画面上に全部並べると場所を取りすぎるとき
- 選択肢が既知かつ固定で、自由入力を許したくないとき
避ける場面
- 選択肢が2〜4個程度で、常に一覧を見せた方が比較しやすいとき（→ラジオボタン）
- 候補が多すぎる、または入力しながら絞り込みたいとき（→オートコンプリート）
近縁種との比較
英語のSelect / Dropdown listに対し、日本語では「セレクトボックス」のほか「ドロップダウン リスト」「プルダウン（プルダウンメニュー）」という呼称も広く流通している。「プルダウン」は 和製寄りの表現で英語圏にはほぼ通じないが、日本語圏の実務では最頻出の呼び名の一つであり、 本図鑑ではNN/gの用語法に沿うセレクトボックスを見出し名として採用しつつ、これらすべてを aliasesに収録した。選択肢が少数（2〜4個）で常に見せておいた方が比較しやすい場合は ラジオボタンに、候補が多く入力しながら絞り込みたい場合はオートコンプリートに 切り替えるのが定石である。
実例リンク
アクセシビリティ
- role
- ネイティブ<select>（+<option>）。カスタム実装の場合は トリガーに role="combobox"、一覧に role="listbox"
- キーボード操作
- Tabで到達、Space/Enterまたは矢印キーで開く、開いた状態で上下矢印キーが選択肢移動、Escで閉じる
- 補足
- ネイティブ<select>はモバイルではOS標準のホイールUIに委譲されるため、独自実装より優先すべき（NN/g）。「プルダウン」は日本語圏の通称で英語圏にはほぼ通じない和製寄りの表現