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
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.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
datalist | Chrome Support complet 20 | Edge Support complet 12 | Firefox Support complet 4 | IE Support complet 10 | Opera Support complet 9.5 | Safari Support complet 12.1 | WebView Android Support complet 4.4.3 | Chrome Android Support complet 33 | Firefox Android
Support complet
4
| Opera Android
Support partiel
Partiel
| Safari iOS Support complet 12.2 | Samsung 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.