Popis vstupu

V minulém cvičení jsme vytvořili textový vstup. Na stránce ale uživatel nepozná co má do vstupu napsat protože jsme ho nijak nepopsali.

Pro popis vstupů používáme prvek label. Label má otevírací i zavírací tag.

Abychom mohli label použít k popisu konkrétního vstupu, potřebujeme vstupu přidat atribut id s unikátní hodnotou, která ho bude identifikovat. Potom ještě přidáme prvku label atribut for s hodnotou odpovídající hodnotě atributu id prvku input.

<body>
	<form action="/cviceni.html" method="POST">
		<label for="vstup-email">Email</label>
		<input type="text" name="email" id="vstup-email"/>
	</form>
</body>

Tento kód se zobrazí následujícím způsobem:

Pokyny

Přidejte prvku input atribut id s hodnotou vstup-jmeno.

Vytvořte před prvkem input prvek label s obsahem Jméno.

Přidejte prvku label atribut for s hodnotou vstup-jmeno.

Začněte programovat zdarma

4/9