oujood.com

 HTML L'attribut placeholder de la balise input

L'attribut placeholder contient une brève indication (un mot ou une phrase courte) afin d'aider l'utilisateur dans sa saisie

chercher |

Définition et utilisation attribut placeholder

LES BALISES HTML

L'attribut placeholder spécifie un conseil court qui décrit la valeur attendue d'un champ de saisie (par exemple, une valeur d'échantillon ou une brève description du format attendu).

Le conseil est affiché dans le champ de saisie quand il est vide, et disparaît lorsque le champ a le focus.

Remarque: L'attribut placeholder fonctionne avec les types d'entrée suivants: texte, recherche, url, tel, email et mot de passe.

Syntaxe

<input placeholder="text">


Exemple Deux champs d'entrée avec un texte placeholder:

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="page-cible.php">
	     Nom: <input type="text" name="nom" placeholder="Votre nom
	  complet"><br><br>
	     Email: <input type="text" name="email"
	  placeholder="e-mail"><br><br>
	    <input type="submit">
	  </form>
	  </body>
	  </html>

Navigateurs pris en charge

Internet Explorer Firefox Opéra Google Chrome Safari

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


Différences entre HTML 4.01 et HTML5

L'attribut placeholder qui est nouveau dans HTML5.


Valeurs d'attributs

Valeur Description
text Spécifie un conseil court qui décrit la valeur attendue dans la zone d'entrée

Retour à l'accueil du site

Par carabde 10 mars 2014



Voir aussi nos tutoriel :

Elément XSLT xsl:choose

Elément XSLT xsl:choose

Les couleurs en CSS3

CSS3 ajoute quelques nouvelles notations fonctionnelles pour définir des valeurs de couleur pour les éléments qui sont : rgba(), hsl(), hsla() et opecity.

Balise mark

Définit le texte marqué / mis en évidence