MEILLEUR SITE POUR LES DÉVELOPPEURS WEB
HTML5. W3Schools en français. Le guide complet des tags

En Ua Es De

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;
}