La balise HTML <datalist> est utilisée pour fournir une fonctionnalité de complétion automatique sur un élément de formulaire. Il fournit une liste d’options prédéfinies aux utilisateurs pour sélectionner des données.
La balise datalist est introduite en HTML5.
La balise <datalist> doit être utilisée avec un élément <input <qui contient un attribut « list ». La valeur de l’attribut « list » est liée à l’identifiant du datalist.
Exemple de balise HTML datalist
Voyons l’exemple simple d’une balise datalist HTML5. Si vous appuyez sur A, une liste de joueurs de cricket commençant par A sera affichée.
<label> Entrez votre joueur de football préféré: Appuyez sur n’importe quel personnage <br/> <input type = "text" id = "favCktPlayer" list = "CktPlayers"> <datalist id = "CktPlayers"> <option value = "Jems latin"> <option value = "Brouss Willis"> <option value = "Jacques martin"> <option value = "Ricky Martine"> <option value = "Gonzales Adolf"> <option value = "Karim Ayad"> <option value = "Soumo Sama"> <option value = "Iyad Daho"> <option value = "Farina Zardi "> </datalist> </label>
Résultat :
Navigateurs supportés
| Élément | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
| <datalist> | Oui | Oui | Oui | Oui | Oui |
