<datalist>

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

Attributs

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

Exemples

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 value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

Résultat

Résumé technique

Catégories de contenu Contenu de flux, contenu phrasé.
Contenu autorisé Soit du contenu phrasé ou zéro ou plus d'é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ôles ARIA autorisés Aucun.
Interface DOM HTMLDataListElement

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<datalist>' dans cette spécification.
Standard évolutif
HTML5
La définition de '<datalist>' dans cette spécification.
Recommendation

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
datalistChrome Support complet 20Edge Support complet OuiFirefox Support complet 4IE Support complet 10Opera Support complet 9.5Safari Support complet 12.1WebView Android Support complet 4.4.3Chrome Android Support complet 33Firefox Android Support complet 4Opera Android Support partiel Partiel
Notes
Support partiel Partiel
Notes
Notes The dropdown menu containing available options does not appear in Opera for Android.
Safari iOS Support complet 12.2Samsung Internet Android Support complet 2.0

Légende

Support complet  
Support complet
Support partiel  
Support partiel
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Prothèse d'émulation (polyfill)

Il est possible d'utiliser cette bibliothèque pour émuler la fonctionnalité dans les anciens navigateurs.

Voir aussi