Exemple
Une <input> élément avec des valeurs prédéfinies dans un <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Essayez - le vous - même » Définition et utilisation
Le <datalist> balise indique une liste d'options prédéfinies pour un <input> élément.
Le <datalist> tag est utilisé pour fournir une "autocomplete" fonctionnalité sur <input> éléments. Les utilisateurs verront une liste déroulante des options prédéfinies comme données d'entrée ils.
Utilisez le <input> Liste attribut de l' élément à lier ensemble avec un <datalist> élément.
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge totalement l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <datalist> | 20,0 | 10.0 | 4.0 | Non supporté | 9.0 |
Différences entre HTML 4.01 et HTML5
Le <datalist> tag est nouvelle en HTML5.
Attributs globaux
Le <datalist> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <datalist> tag soutient également l' événement Attributs en HTML .
Pages associées
Référence HTML DOM: Object Datalist
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <datalist> élément avec les valeurs par défaut suivantes:
datalist {
display: none;
}