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 :

html<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 :

html<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