IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Label - Český HTML 5 manuál

<label>

<label> je důležitým prvkem formulářů. Slouží k popisu polí, je to tedy text vedle pole, který udává, k čemu pole slouží. Mnoho lidí labely nepoužívá a vedle políčka vloží prostý text. To je ale špatně a projeví se to mimo jiné například u checkboxů, kde se při kliknutí na label políčko zaškrtne, ale při kliknutí na prostý text vedle textboxu se nestane nic a musíte se trefit přímo na políčko.

Atributy

<label> je párový tag a má následující atributy:

  • for - Atribut obsahuje id elementu, ke kterému label patří.
  • form - Element může být definován mimo formulář a následně být k tomuto formuláři připojen uvedením atributu form s hodnotou id formuláře. Element může patřit více formulářům.

Ukázka použití

Checkbox s labelem může vypadat například takto (ukázka s labelem a bez labelu):

<label for="spravne">Správně</label>
<input type="checkbox" name="spravne" value="Správně" id="spravne" /><br />
Špatně<input type="checkbox" name="spravne" value="Správně" />

Výsledek vypadá vizuálně stejně, nicméně text labelu je po kliknutí funkční, narozdíl od druhé varianty bez labelu:

Ukázka tagu label jako popisku comboboxu u HTML formuláře - Formuláře - Český HTML 5 manuál

 

Všechny články v sekci
Formuláře - Český HTML 5 manuál
Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity