La ĉefa problemo rilatas al la HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Ĉi tiu kodo kreas HTML-elementon nomatan datumisto, kiu estas uzata por krei liston de opcioj por eniga kampo.
2. La datuma listo havas id-atributon de "retumiloj".
3. Ene de la datenlisto, estas kvin opcioelementoj, ĉiu kun valora atributo kiu enhavas la nomon de TTT-legilo (Chrome, Firefox, Internet Explorer, Opera kaj Safari).
4. Ĉi tiuj valoroj estos uzataj kiel sugestoj kiam la uzanto tajpas en la enigkampon asociitan kun ĉi tiu datuma listo.
Enhavo
Kio estas datalist-etikedo
La HTML
Kio estas la diferenco inter Datalist kaj dropdown
Datalist estas HTML-elemento, kiu provizas liston de elektoj por ke uzanto elektu. Ĝi similas al falmenuo, sed la ĉefa diferenco estas, ke ĝi permesas al uzantoj enigi siajn proprajn valorojn. La uzanto povas tajpi en la enigokampo kaj la datumisto provizos sugestojn bazitajn sur tio, kion ili tajpis. La falmenuo, aliflanke, nur permesas al uzantoj elekti el antaŭdifinitaj opcioj. Aldone, kun datumlisto, uzantoj povas tajpi ajnan valoron, kiun ili volas, eĉ se ĝi ne estas listigita kiel opcio.
Kiel uzi datuliston en HTML-formo
La HTML
Por uzi la datulistelementon, vi unue devas krei HTML-formon kun an elemento kaj donu al ĝi id-atributon. Tiam, vi povas aldoni datulistelementon ene de la formo kaj agordi ĝian listan atributon egala al la id de la eniga kampo. Ene de la datumisto, vi povas aldoni unu aŭ pli
Ekzemple: