HTML La balise  <datalist> liste de données

Somaire

Définition et utilisation Balise <datalist>

LES BALISES HTML

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é « Saisie semi-automatique » sur les éléments <input>. Les utilisateurs verront une liste déroulante d'options prédéfinies ou qu'ils ont saisis.

Utilisez attribut list de l'élément <input> pour le lier avec un élément <datalist>.

Exemple Un élément <input> avec des valeurs prédéfinies dans une <datalist> :

Sélectionner le code

		<!DOCTYPE html>
		 <html lang="fr">
		 <head>
		 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
		 <title>html5 demo</title>
		</head>
		 <body>
		 <form action="demo_form.asp" method="get">
		 <input list="browsers" name="browser">
		 <datalist id="browsers">
		   <option value="Internet Explorer">
		   <option value="Firefox">
		   <option value="Chrome">
		   <option value="Opera">
		   <option value="Safari">
		 </datalist>
		 <input type="submit">
		 </form>
		<p><b>Note:</b> La balise &lt;datalist&gt; n'est pas prise
		en charge dans IE et safari.</p>
		</body>
		 </html>     
		 

Appui de navigateur

Internet Explorer  Firefox  Opera  Google Chrome  Safari

La balise <datalist> est pris en charge dans tous les principaux navigateurs, sauf Internet Explorer et Safari.

Différences entre HTML 4.01 et HTML5

La balise <datalist> est nouveau en HTML5.

Attributs globaux

La balise <datalist> prend également en charge les HTML attributs globaux.

Attributs de l'événement

La balise <datalist> prend également en charge les Attributs de l'événement au format HTML.


Retour à l'accueil du site

Par carabde 10 mars 2014