A fő probléma a HTML-lel kapcsolatos
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Ez a kód létrehoz egy adatlistának nevezett HTML-elemet, amely egy beviteli mező opcióinak listájának létrehozására szolgál.
2. Az adatlistának „böngészők” azonosító attribútuma van.
3. Az adatlistán belül öt opcióelem található, mindegyik érték attribútummal, amely egy webböngésző nevét tartalmazza (Chrome, Firefox, Internet Explorer, Opera és Safari).
4. Ezeket az értékeket a rendszer javaslatként fogja használni, amikor a felhasználó az adatlistához tartozó beviteli mezőbe gépel.
Mi az adatlista címke
A HTML
Mi a különbség a Datalist és a legördülő menü között
Az adatlista egy HTML-elem, amely egy listát kínál a felhasználó számára, amelyből választhat. Hasonlít a legördülő menühöz, de a fő különbség az, hogy lehetővé teszi a felhasználók számára, hogy megadják saját értékeikat. A felhasználó beírhatja a beviteli mezőt, és az adatlista javaslatokat ad az általa beírt adatok alapján. A legördülő menüben viszont csak az előre meghatározott lehetőségek közül választhatnak a felhasználók. Ezenkívül egy adatlistával a felhasználók bármilyen értéket beírhatnak, még akkor is, ha az nem szerepel opcióként.
Az adatlista használata HTML formában
A HTML
Az adatlista elem használatához először létre kell hoznia egy HTML űrlapot egy elemet, és adjon neki egy id attribútumot. Ezután hozzáadhat egy adatlista elemet az űrlapon belül, és beállíthatja annak lista attribútumait a beviteli mező azonosítójával. Az adatlistán belül hozzáadhat egyet vagy többet
Például: