セレクトボックス（概要）

仕様

パーツ

1. セレクトボックス
2. 項目ラベル
3. 要否ラベル
4. サポートテキスト
5. ドロップダウンアイコン
6. エラーテキスト

※展開時に表示されるリストはOSデフォルトのスタイルを使用してください。

プルダウンメニューの実装

プルダウンメニューに規定のスタイルはありません。OSの標準のUIを採用してください。

使い方

設計の原則

• あまりに長いリストは特にモバイルデバイスでの使い勝手を下げてしまうため、事前の質問により選択肢を減らせないか検討してください。
• リストが5つ以下の場合は、ラジオボタンの使用を推奨します。タップやクリックをせずに選択肢の全体が見え、選択がより簡単になります。
• ラベルテキストは入力項目を端的に表現してください。入力項目が1つしかなく、その意味を画面タイトルなどで明確に説明できる場合は省略可能です。

良い例

選択肢が6個以上の場合の使用

悪い例

5個以下のリスト、画面から見切れてしまうほど多すぎるリスト