Balise HTML <dd>

Définition et utilisation

<datalist> L'étiquette est définie pour Élément <input>définir une liste d'options prédéfinies.

<datalist> L'étiquette est utilisée pour <input> L'élément fournit la fonction "auto-complétion". Lorsque l'utilisateur saisit des données, il voit une liste déroulante d'options prédéfinies.

<datalist> L'attribut id de l'élément doit être égal à <input> de l'élément Propriété list（ce qui les lie ensemble）.

Veuillez également consulter :

Manuel de référence HTML DOM :Objet Datalist

Exemple

Liste de données avec options prédéfinies (connectée à l'élément <input>) :

<label for="browser">Veuillez choisir votre navigateur dans la liste：</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Essayer par vous-même

Attributs globaux

<datalist> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<datalist> Les balises prennent également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

La plupart des navigateurs utiliseront les valeurs suivantes par défaut pour afficher <datalist> Élément :

datalist {
  display: none;
}

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge l'élément pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5