manuel de référence HTML

Recueil complet des étiquettes HTML

Balise HTML: <datalist>

L'élément <datalist> HTML contient un ensemble d'éléments <option>, qui représentent les valeurs optionnelles d'autres contrôles de formulaire; l'étiquette <datalist> est une étiquette HTML5un élément, il définit la liste des valeurs suggérées pour l'étiquette <input>. Ces valeurs suggérées s'afficheront sous forme de liste déroulante dans le contrôle d'entrée, et les options disponibles seront filtrées lorsque l'utilisateur saisira des données dans le contrôle d'entrée. Ce marqueur est également souvent appelé <datalist&

Exemple en ligne

Voici un élément <input>, la liste des valeurs possibles est décrite dans le <datalist> :

Exemple

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　l'utilisation de l'étiquette <datalist> (Tutoriels de base du web oldtoolbag.com)</title>
</head>
<body>
　label for="tutorial_choice">Tutorials:　</label>
　　input list="tutorial_types" name="tutorial_choice" id="tutorial_choice">
　　datalist id="tutorial_types">
　　　　<option value="HTML">
　　　　<option value="CSS">
　　　　<option value="SQL">
　　</datalist>
</body>
</html>

Voyons si ça fonctionne ‹/›

Dans cet HTML5Dans l'exemple de document, nous avons utilisé l'étiquette <datalist> pour créer une liste de valeurs suggérées pour l'étiquette <input>. Il est recommandé d'utiliser3une valeur (HTML, CSS et SQL), ces choix s'afficheront sous forme de liste déroulante, pour le choix de l'utilisateur.

Compatibilité du navigateur

La balise <datalist> est prise en charge de base par les navigateurs suivants:

IEFirefoxOperaChromeSafari

Définition et instructions d'utilisation des balises

L'élément <datalist> HTML se trouve à l'intérieur de la balise <body>. La balise <datalist> se trouve généralement à l'intérieur de la balise <form>.

La balise <datalist> contient un ensemble de balises <option>, qui fournissent des valeurs possibles pour l'élément <input> associé.

La balise <datalist> spécifie la liste des options possibles pour l'élément <input>.

La balise <datalist> est utilisée pour fournir la fonctionnalité "auto-complétion" pour l'élément <input>. L'utilisateur voit une liste déroulante avec des options pré-définies qui serviront comme données d'entrée de l'utilisateur.

Veuillez utiliser l'attribut list de l'élément <input> pour lier l'élément <datalist>.

HTML 4.01 et HTML5différences

La balise <datalist> est une balise HTML5 nouvelles balises.

Attributs globaux

Support de la balise <datalist> Attributs globaux HTML.

Attributs d'événement

Support de la balise <datalist> Attributs d'événement HTML.

Balise HTML: <dd>Balise HTML: <command>