Pokud ve svém rozhraní potřebujete, aby si lidé vybrali z více možností, můžete využít tzv. Select box.
Select box se hodí v případě, pokud si mají lidé vybrat z většího množství hodnot, které by jinak v rozhraní zabraly více místa. Pokud máte například do 5 položek, využijte raději Radio button.
Poznamka – tento prvek je často nazýván také jako tzv. Dropdown. Někteří lidé jej ale poté zaměňují za prvek Menu, které má trochu jiné chování.
Jak vypadá
- Select box vypadá na různých platformách různě, charakterizuje jej ale šipka naznačující možnost rozbalení
- Select box je typicky doplněn o popis hodnoty, kterou je třeba vybrat

Stavy


Když kliknete na selext box, tak se poté rozbalí dostupné možnosti:



Při opětovném otevření Selext boxu s již vybranou hodnotou je vybraná hodnota v seznamu odlišena od ostatních hodnot.

Poznámka – Je potřeba mít na paměti, že Select box lze ovládat nejen pomocí myši, ale také klávesnice – konkrétně:
- Klávesou Mezerník pro rozbalení možností
- Šipkami pro pohyb mezi hodnotami
- Pro výběr hodnoty Mezerník nebo Enter
- Jakákoliv klávesa pro přesun na první hodnotu, která na dané písmeno nebo číslo začíná
Skupiny hodnot
Pro snazší orientaci v hodnotách je možné je spojit v rámci seznamu do skupin. Díky tomu je také možné hodnotám předat další význam a pomoct tak lidem s výběrem.

Reference
- Selection Controls v knize About Face 3
- Input Fields v knize Web Form Design
- Choosing Forms Controls v knize Forms That Work