<datalist> : l'élément de liste des données

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

L'élément HTML <datalist> contient un ensemble d'éléments <option> qui représentent les valeurs possibles pour d'autres contrôles.

Exemple interactif

Catégories de contenu Contenu de flux, contenu phrasé.
Contenu autorisé Soit du contenu phrasé ou zéro ou plusieurs éléments <option>.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisés N'importe quel élément qui accepte du contenu phrasé.
Rôle ARIA implicite listbox
Rôles ARIA autorisés Aucun.
Interface DOM HTMLDataListElement

Attributs

Cet élément ne possède que les attributs universels, communs à tous les éléments.

Exemples

HTML

html
<label for="monNavigateur"
  >Veuillez choisir un navigateur parmi ceux-ci :</label
>
<input list="navigateurs" id="monNavigateur" name="monNavigateur" />
<datalist id="navigateurs">
  <option value="Chrome"></option>
  <option value="Firefox"></option>
  <option value="Internet Explorer"></option>
  <option value="Opera"></option>
  <option value="Safari"></option>
  <option value="Microsoft Edge"></option>
</datalist>

Résultat

Spécifications

Specification
HTML
# the-datalist-element

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
datalist

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
Has more compatibility info.

Voir aussi