Rozbalovací seznam

Když je možností víc, ušetří místo rozbalovací seznam. Vytvoříme ho prvkem select (anglicky vybrat) a každou možnost v něm prvkem option (anglicky možnost).

Každý prvek option má atribut value s hodnotou, která se odešle s formulářem, a jeho obsahem je text, který uvidí uživatel. Atributy name a id i popis patří k prvku select, stejně jako u vstupu. Na rozdíl od prvku input má select zavírací tag, protože jsou v něm možnosti.

<label for="vstup-pizza">Pizza</label>
<select name="pizza" id="vstup-pizza">
	<option value="margherita">Margherita</option>
	<option value="salami">Salami</option>
	<option value="hawaii">Hawaii</option>
</select>

Tento kód se zobrazí takto:

Když uživatel vybere Salami, formulář pošle pizza=salami.

V našem formuláři si uživatel vybere kurz, na který se chce přihlásit.

Pokyny

V prázdném prvku div vytvořte prvek select s atributem name s hodnotou kurz a atributem id s hodnotou vstup-kurz.

Uvnitř prvku select vytvořte tři prvky option s obsahem HTML, CSS a JavaScript a s hodnotami atributu value html, css a javascript.

Před prvkem select vytvořte prvek label s obsahem Kurz a atributem for s hodnotou vstup-kurz.

Začněte programovat zdarma

Registrací souhlasíte s provozními podmínkami a zásadami ochrany osobních údajů.

Nebo se registrujte pomocí:

7/11