Solucionat: datalist html

El principal problema relacionat amb l'HTML element és que no és compatible amb tots els navegadors. Actualment, només Chrome, Firefox i Edge admeten el element. A més, alguns navegadors mòbils tampoc admeten l'element. Això vol dir que els usuaris de navegadors no compatibles no podran utilitzar la funcionalitat d'una llista de dades.

<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 L'etiqueta s'utilitza per proporcionar una funció de "completar automàticament". elements. Proporciona una llista d'opcions predefinides per suggerir a l'usuari mentre escriu. L'element datalist s'utilitza per proporcionar una funció de "completar automàticament". elements. Proporciona una llista d'opcions predefinides per suggerir a l'usuari mentre escriu. Quan s'utilitza, especifica una llista d'opcions predefinides per a un element. El navegador només mostra les opcions que són rellevants per al que l'usuari ha escrit fins ara al camp d'entrada.

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 s'utilitza per proporcionar una funció de "completar automàticament". elements. S'utilitza per proporcionar una llista d'opcions predefinides a l'usuari mentre introdueix dades.

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:


Articles Relacionats:

Deixa el teu comentari