セレクトボックスを使うことで、プルダウンメニューの選択肢を作成できます。お問い合わせの「都道府県」、「職業」、「年齢」など、選択肢が多い時に使います。

ラジオボタンと似ていますが、選択肢の表示形式が多少異なります。

ラジオボタンに関する記事はこちらをご確認ください。

画面左端のサイドバーの追加パネルを開き、フォームを選択した状態でエレメント内のセレクトボックス押下するとフォーム内に配置できます。

セレクトボックスもインプット要素と同様にラベル・ディスクリプション、そしてプルダウンメニューの３つのコンポーネントで構成されています。

インプット要素に関する記事はこちらをご確認ください

画面右端のスタイル/設定パネルより、セレクトボックスに関する様々な設定を行います。

ラベル表示やプレイスボルダーの指定、選択肢の追加などを設定します。

設定した選択肢は順序を入れ替えることができ、複数選択の設定も可能です。

次に、タイポグラフィではプルダウンメニューのタイプやタイポグラフィー、サイズなどセレクトボックス全体のデザインを設定します。

右上のプレビューから設定したセレクトボックスの挙動を確認できます。