Component Gallery

Glossary

ドロップダウンとセレクトの違い

Dropdown vs Select

30秒でわかる要点

セレクトはフォーム入力として選択値を決める部品、ドロップダウンはメニューや操作候補を開く広い表現として使われます。

使い分けのポイント

  • ・セレクトは値の入力に向く
  • ・ドロップダウンは操作メニューにも使われる
  • ・フォーム送信対象かどうかで判断する

関連コンポーネント

選択ボックス（Select）選択ボックス（Select）は、ドロップダウン形式で選択肢の一覧を表示し、ユーザーが選択するための入力コンポーネント。単一・複数選択のバリエーションがある。ポップオーバー（Popover）ポップオーバー（Popover）は、要素に紐付いてトリガー操作で表示される吹き出し型UIコンポーネント。ツールチップより情報量が多く、ボタンやフォームを内包できる。

運営・更新・参照元

最終更新日
2026-07-16
レビュー状態
未レビュー

参照元

FAQ

フォームではどちらを使うべきですか？

値を1つ選んで保存する入力ならセレクトを基本にします。操作を選ばせるだけならメニュー型のドロップダウンが適しています。

ドロップダウンとセレクトの違いはどう使い分けますか？

セレクトはフォーム入力として選択値を決める部品、ドロップダウンはメニューや操作候補を開く広い表現として使われます。 実装時は、ユーザーが何を判断・入力・移動したいのかを基準に選びます。

ドロップダウンとセレクトの違いでよくある誤解は何ですか？

セレクトは値の入力に向く