Kuidas kasutada labeleid?

Näide http://dukelupus.wordpress.com jaoks.

Raadionupud ilma labelita Esimene valik
Teine valik
Kolmas valik

Raadionupud labeliga


Labelile on lisatud :hover


Checkboxid samal põhimõttel Ilma labelita



Valikudialoogi jaoks sobivad raadionupud ja labelid

Siin on raadionupud üldse peidetud ja label'id display:block abil kastideks muudetud. Nendele klikkimisel linnutatakse raadionupp - ja kui JavaScript on lubatud, siis näed sa valitud linna.

Sellised "nupud" on sobivad vaid ühes kohas: valikudialoogis. Kui kasutaja klikib valikul, siis suled akna ning tagastad väärtuse vajalikku kohta. Tavavormil selliseid ei soovita, kuna kasutajal puudub visuaalne feedback valiku kohta.

Valisid linna: Valimata