Popis vstupu

V minulém cvičení jsme vytvořili textový vstup. Uživatel ale nepozná, co do něj má napsat, protože u něj není žádný popis.

K popisu vstupů slouží prvek label (anglicky popisek). Na rozdíl od prvku input má otevírací i zavírací tag a jeho obsahem je text popisu.

Aby prohlížeč věděl, ke kterému vstupu popis patří, přidáme vstupu atribut id s jedinečnou hodnotou, která ho identifikuje. Prvku label pak přidáme atribut for se stejnou hodnotou, jakou má atribut id vstupu.

<form action="/zpracovani.html" method="POST">
	<label for="vstup-prezdivka">Přezdívka</label>
	<input type="text" name="prezdivka" id="vstup-prezdivka">
</form>

Tento kód se zobrazí takto:

Propojení popisu se vstupem má dvě výhody:

• Kliknutím na popis se kurzor přesune do vstupu. Zkuste kliknout na slovo Přezdívka výše.
• Čtečky obrazovky, které nevidomým a slabozrakým lidem předčítají webové stránky, přečtou popis, když se uživatel dostane ke vstupu. Díky tomu ví, co má vyplnit.