Značka HTML <select>
Příklad
Vytvořte rozevírací seznam se čtyřmi možnostmi:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Prvek <select>se používá k vytvoření rozevíracího seznamu.
Prvek <select>se nejčastěji používá ve formuláři ke shromažďování uživatelského vstupu.
Atribut nameje potřeba k odkazování na data formuláře po odeslání formuláře (pokud atribut vynecháte
name, nebudou odeslána žádná data z rozevíracího seznamu).
Atribut idje potřeba k přiřazení rozevíracího seznamu ke štítku.
Tagy <option> uvnitř <select>prvku definují dostupné možnosti v rozevíracím seznamu.
Tip: Vždy přidejte značku <label> pro nejlepší postupy usnadnění!
Podpora prohlížeče
| Element | |||||
|---|---|---|---|---|---|
| <select> | Yes | Yes | Yes | Yes | Yes |
Atributy
| Attribute | Value | Description |
|---|---|---|
| autofocus | autofocus | Specifies that the drop-down list should automatically get focus when the page loads |
| disabled | disabled | Specifies that a drop-down list should be disabled |
| form | form_id | Defines which form the drop-down list belongs to |
| multiple | multiple | Specifies that multiple options can be selected at once |
| name | name | Defines a name for the drop-down list |
| required | required | Specifies that the user is required to select a value before submitting the form |
| size | number | Defines the number of visible options in a drop-down list |
Globální atributy
Značka <select>také podporuje globální atributy v HTML .
Atributy události
Značka <select>také podporuje atributy událostí v HTML .
Další příklady
Příklad
Použijte <select> se značkami <optgroup>:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Související stránky
Odkaz HTML DOM: Vyberte objekt
Kurz CSS: Stylování formulářů
Výchozí nastavení CSS
Žádný.