datalist - Český HTML 5 manuál

Tag <datalist> se v HTML 5 používá k označení skupiny možností, které jsou poté navrhovány v elementu <input>. Jedná se tedy o tzv. našeptávač (autocomplete).

Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

Elementu <input> zadáme v atributu list id elementu <datalist>, který obsahuje možnosti v podobě elementů <option>.

Využití element nalezne tam, kde je k dispozici opravdu mnoho možností. Např. můžeme napovídat nejčastější dotazy při vyhledávání nebo přezdívky členů fóra.

Ukázka použití

Vyberte uživatele, kterému chcete poslat zprávu:<br />
<input list="uzivatele" />

<datalist id="uzivatele">
        <option value="sdraco">
        <option value="sczdavos">
        <option value="Kit">
        <option value="Drahoš">
        <option value="matesax">
        <option value="DanVitek">
</datalist>

Výsledek: