Glavna težava je povezana s HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Ta koda ustvari element HTML, imenovan seznam podatkov, ki se uporablja za ustvarjanje seznama možnosti za vnosno polje.
2. Seznam podatkov ima atribut id "brskalniki".
3. Znotraj seznama podatkov je pet elementov možnosti, vsak z atributom vrednosti, ki vsebuje ime spletnega brskalnika (Chrome, Firefox, Internet Explorer, Opera in Safari).
4. Te vrednosti bodo uporabljene kot predlogi, ko uporabnik vnaša v vnosno polje, povezano s tem seznamom podatkov.
vsebina
Kaj je oznaka datalist
HTML
Kakšna je razlika med Datalistom in spustnim menijem
Seznam podatkov je element HTML, ki ponuja seznam možnosti, med katerimi lahko uporabnik izbira. Podoben je spustnemu meniju, vendar je glavna razlika v tem, da uporabnikom omogoča vnos lastnih vrednosti. Uporabnik lahko vnese v polje za vnos in seznam podatkov bo ponudil predloge glede na to, kar so vnesli. Po drugi strani pa spustni meni uporabnikom omogoča samo izbiro med vnaprej določenimi možnostmi. Poleg tega lahko s seznamom podatkov uporabniki vnesejo katero koli želeno vrednost, tudi če ni navedena kot možnost.
Kako uporabljati seznam podatkov v obliki HTML
HTML
Če želite uporabiti element datalist, morate najprej ustvariti obrazec HTML z element in mu dodelite atribut id. Nato lahko znotraj obrazca dodate element seznama podatkov in nastavite njegov atribut seznama enak ID-ju vnosnega polja. Znotraj seznama podatkov lahko dodate enega ali več
Na primer: