El principal problema relacionat amb l'HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Aquest codi crea un element HTML anomenat datalist, que s'utilitza per crear una llista d'opcions per a un camp d'entrada.
2. La llista de dades té un atribut id de "navegadors".
3. Dins de la llista de dades, hi ha cinc elements d'opció, cadascun amb un atribut de valor que conté el nom d'un navegador web (Chrome, Firefox, Internet Explorer, Opera i Safari).
4. Aquests valors s'utilitzaran com a suggeriments quan l'usuari escrigui al camp d'entrada associat amb aquesta llista de dades.
Què és una etiqueta de datalist
L'HTML
Quina diferència hi ha entre Datalist i desplegable
Una llista de dades és un element HTML que proporciona una llista d'opcions perquè l'usuari pugui seleccionar. És similar a un menú desplegable, però la diferència principal és que permet als usuaris introduir els seus propis valors. L'usuari pot escriure al camp d'entrada i la llista de dades proporcionarà suggeriments en funció del que hagi escrit. El menú desplegable, d'altra banda, només permet als usuaris seleccionar entre opcions predefinides. A més, amb una llista de dades, els usuaris poden escriure qualsevol valor que vulguin, encara que no aparegui com a opció.
Com utilitzar la llista de dades en format HTML
L'HTML
Per utilitzar l'element datalist, primer heu de crear un formulari HTML amb un element i doneu-li un atribut id. A continuació, podeu afegir un element de llista de dades dins del formulari i establir el seu atribut de llista igual a l'id del camp d'entrada. Dins de la llista de dades, podeu afegir-ne un o més
Per exemple: