ドロップダウン とは？

クリックすると下方向にリストが展開して、そこから選択するUI部品。Webフォームの「都道府県を選んでください」のリスト、ナビゲーションメニューのサブメニューがドロップダウンの代表例。日本語では「プルダウン」とも呼ばれる。

ドロップダウンは選択肢から選ぶだけ（自由入力はできない）。コンボボックスは選択もできるし自由にテキストを入力することもできる組み合わせ型。用途に合わせて選ぶ。選択肢が固定なら``のドロップダウン、入力補完が必要なら``タグはスマホのブラウザがネイティブのピッカー（iOS/Androidのドラム式選択UI）に変換することが多い。カスタムデザインのドロップダウンをJavaScriptで実装した場合はスマホでもPCと同じ見た目になるが、スマホ操作性に要注意。

その通り。47都道府県はまだ許容範囲だけど、200カ国の選択なんかは検索付きドロップダウン（Select2やReact Selectなど）にすべきだね。UXの観点では、選択肢が7個以上ならドロップダウンよりラジオボタンの方がユーザーの認知負荷が低い場合もあるよ。

非常に重要だよ。HTMLネイティブの<select>はキーボード操作やスクリーンリーダーに対応しているけど、JavaScriptで自作したカスタムドロップダウンはaria-expanded、aria-haspopup、role属性を正しく付けないとアクセシビリティが壊れる。見た目だけ作って終わりにするのはNGで、WAI-ARIAのガイドラインに従って実装するのがプロの仕事だね。