Checkbox

Pokud je potřeba, aby si lidé v rozhraní vybrali z více možností najednou, můžete k tomu využít právě zaškrtávací políčko, tzv. checkbox.

Tento prvek je celkem často využívaný i mimo digitální svět, například v různých papírových dotaznících.

Zaškrtávací políčko se používá typicky v případě, kdy si mohou lidé vybrat ze více hodnot ze seznamu a volbu následně potvrdí, například v případě formuláře.

Poznámka – Pro podobou interakci se používá také Přepínač, tzv. Toogle nebo Switch. Rozdílem je, že ten se používá pro automatické potvrzení volby.

Jak vypadá

  • Zaškrtávací políčko je typicky čtvercového tvaru
  • Políčko je doplněné o popis hodnoty, kterou lze vybrat
Příklad využití Checkboxu
Příklad využití Checkboxu ve formuláři nebo dotazníku

Poznámka – v poslední době se stále více objevuje kulaté zaškrtávací políčko, které se ale může lidem plést s Radio buttonem. Zvažte tedy jeho využití.

Stavy

Hodnota není výbraná
Hodnota není výbraná
Hodnota je vybrána
Hodnota je vybrána

Je zde také ještě jeden stav – mezistav, tzv. Intermediate state. Ten se používá například u seznamu položek s možností jejich výběru, kdy tento stav označuje, že nejsou vybrány všechny položky.

Mezistav - používá se například u Seznamu s výběrem, kde značí, že nejsou vybrány všechny položky
Mezistav – používá se například u Seznamu s výběrem, kde značí, že nejsou vybrány všechny položky

Poznámka – Je potřeba mít na paměti, že checkbox lze ovládat nejen pomocí myši, ale také klávesnice, konkrétně klávesou Mezerník pro označení/odznačení.

Reference

Napsat komentář