Hlavní problém související s HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Tento kód vytvoří HTML element nazvaný datalist, který se používá k vytvoření seznamu možností pro vstupní pole.
2. Datalist má atribut id „prohlížeče“.
3. Uvnitř datalistu je pět prvků voleb, každý s atributem value, který obsahuje název webového prohlížeče (Chrome, Firefox, Internet Explorer, Opera a Safari).
4. Tyto hodnoty budou použity jako návrhy, když uživatel zadá do vstupního pole spojeného s tímto seznamem dat.
Co je tag datalist
HTML
Jaký je rozdíl mezi Datalist a rozevíracím seznamem
Datalist je prvek HTML, který uživateli poskytuje seznam možností, ze kterých si může vybrat. Je to podobné rozbalovací nabídce, ale hlavní rozdíl je v tom, že umožňuje uživatelům zadávat vlastní hodnoty. Uživatel může zadat do vstupního pole a seznam dat poskytne návrhy na základě toho, co zadal. Rozbalovací nabídka na druhé straně umožňuje uživatelům vybírat pouze z předdefinovaných možností. Navíc pomocí datalistu mohou uživatelé zadat libovolnou hodnotu, i když není uvedena jako možnost.
Jak používat datalist v HTML podobě
HTML
Chcete-li použít prvek datalist, musíte nejprve vytvořit formulář HTML s příponou element a přiřaďte mu atribut id. Poté můžete do formuláře přidat prvek datalist a nastavit jeho atribut seznamu rovný id vstupního pole. Do seznamu dat můžete přidat jeden nebo více
Například: