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
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
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
BCD tables only load in the browser
Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.
Prothèse d'émulation (polyfill)
Il est possible d'utiliser cette bibliothèque pour émuler la fonctionnalité dans les anciens navigateurs.