Balise HTML <datalist>
Exemple
Une datalist avec des options prédéfinies (connectée à un élément <input>) :
<label for="browser">Choisissez 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>
Try it Yourself »
Définition et utilisation
La balise <datalist>
spécifie une liste d'options prédéfinies pour un élément <input>.
La balise <datalist>
est utilisée pour fournir une fonctionnalité de « saisie semi-automatique » pour les éléments <input>. Les utilisateurs verront une liste déroulante d'options prédéfinies au fur et à mesure qu'ils saisiront des données.
L'attribut id de l'élément <datalist>
doit être égal à l'attribut list de l'élément <input> (cela les lie ensemble).
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'élément.
Élément | |||||
---|---|---|---|---|---|
<datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Attributs globaux
La balise <datalist>
prend également en charge les Attributs globaux en HTML.
Attributs d'événement
La balise <datalist>
supporte également les Attributs d'événement en HTML.
Pages connexes
Référence HTML DOM : Datalist Objet
Paramètres CSS par défaut
La plupart des navigateurs affichent l'élément <datalist>
avec les valeurs par défaut suivantes :
datalist {
display: none;
}