L'attribut placeholder
L'attribut placeholder définit un indice
dans le champ de saisie d'un formulaire HTML.
Un tel indice est nécessaire pour
indiquer à l'utilisateur ce qu'il doit
saisir dans ce champ. L'indice lui-même sera
situé dans le champ de saisie, mais, contrairement à
l'attribut value,
disparaîtra automatiquement lors d'une tentative
de saisie de texte.
S'applique aux balises input,
textarea.
Vous pouvez appliquer des styles CSS à l'indice placeholder
en utilisant le pseudo-élément placeholder.
Exemple
Définissons un indice placeholder pour un champ de saisie :
<input type="text" placeholder="saisissez votre nom">
:
Exemple . L'attribut value simultanément avec placeholder
Ici, définissons simultanément un indice
placeholder et l'attribut value
pour un champ de saisie.
Si vous supprimez le contenu de l'attribut value,
vous verrez l'indice qui était caché en dessous :
<input type="text" placeholder="saisissez votre nom" value="Jean">
:
Voir aussi
-
l'attribut
value,
qui définit la valeur par défaut du champ de saisie -
le pseudo-élément
placeholder,
qui définit les styles pour l'indice -
la pseudo-classe
placeholder-shown,
qui définit les styles pour le champ de saisie avec un indice