HTML tag <datalist>
Příklad
Seznam dat s předdefinovanými možnostmi (připojený k prvku <input>):
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Definice a použití
Značka <datalist>
určuje seznam předdefinovaných voleb pro prvek <input>.
Značka <datalist>
se používá k poskytování funkce "automatického doplňování" pro prvky <input>. Při zadávání dat se uživatelům zobrazí rozevírací seznam předdefinovaných možností.
Atribut <datalist>
id prvku se musí rovnat atributu seznamu prvku <input> (to je spojuje dohromady).
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která prvek plně podporuje.
Element | |||||
---|---|---|---|---|---|
<datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Globální atributy
Značka <datalist>
také podporuje globální atributy v HTML .
Atributy události
Značka <datalist>
také podporuje atributy událostí v HTML .
Související stránky
HTML DOM reference: Datalist Object
Výchozí nastavení CSS
Většina prohlížečů zobrazí <datalist>
prvek s následujícími výchozími hodnotami:
datalist {
display: none;
}