<datalist> : l'élément de liste des données

Limited availability

Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.

L'élément HTML<datalist> contient un ensemble d'éléments<option> qui représentent les valeurs possibles pour d'autres contrôles.

Exemple interactif

<label for="ice-cream-choice">Choose a flavor:</label><input list="ice-cream-flavors" name="ice-cream-choice" /><datalist>  <option value="Chocolate"></option>  <option value="Coconut"></option>  <option value="Mint"></option>  <option value="Strawberry"></option>  <option value="Vanilla"></option></datalist>

label {  display: block;  margin-bottom: 10px;}

Catégories de contenu	Contenu de flux,contenu phrasé.
Contenu autorisé	Soitdu contenu phrasé ou zéro ou plusieurs é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 acceptedu contenu phrasé.
Rôle ARIA implicite	`listbox`
Rôles ARIA autorisés	Aucun.
Interface DOM	`HTMLDataListElement`

Attributs

Cet élément ne possède queles attributs universels, communs à tous les éléments.

Exemples

HTML

html

<label for="monNavigateur"  >Veuillez choisir un navigateur parmi ceux-ci :</label><input list="navigateurs" name="monNavigateur" /><datalist>  <option value="Chrome"></option>  <option value="Firefox"></option>  <option value="Internet Explorer"></option>  <option value="Opera"></option>  <option value="Safari"></option>  <option value="Microsoft Edge"></option></datalist>