oujood.com

 HTML L’attribut list de la balise input

L'attribut list fait référence à un élément datalist qui.... Le navigateur va utiliser le contenu de ce datalist...

chercher |

Définition et utilisation attribut list

LES BALISES HTML

L'attribut list fait référence à un élément <datalist> qui contient les options prédéfinies pour un élément <input>. Le navigateur va utiliser le contenu de ce <datalist> pour suggérer les valeurs possibles.

Syntaxe

<input list="datalist_id">


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

Exemple :       Copier 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> L'élément &lt;datalist&gt; n'et pa supporté
	  dans IE et Safari.</p>
	  </body>
	  </html>

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut list est pris en charge dans tous les principaux navigateurs, sauf Internet Explorer et Safari.


Différences entre HTML 4.01 et HTML5

L'attribut list est une nouveauté en HTML5.


Valeurs d'attribut

Valeur Description
datalist_id Spécifie l'id de datalist pour la lier à un élément <input>

Retour à l'accueil du site

Par carabde 10 mars 2014



Voir aussi nos tutoriel :

Appliquer un style à des balises en css

Apprendre le CSS rapidement et facilement en quelques leçons avec des exemples clairs....

Les couleurs en css

Mettre en forme un texte en CSS:les couleurs de police, la propriété CSS color...

Arrière-plans de CSS3

Apprendrez les propriétés d'arrière-plan suivantes :
background-sizeélt
background-origin
Plusieurs Images d’arrière plans
Apprendrez également comment utiliser plusieurs images d'arrière-plan.