Attribut <input> placeholder de HTML

Balise HTML <input>

Définition et utilisation

placeholder Les attributs définissent une courte indication décrivant la valeur attendue du champ d'entrée (par exemple, une valeur d'exemple ou une brève description du format attendu).

Cette indication s'affiche lorsque le champ d'entrée est vide et disparaît lorsque le champ obtient le focus.

Attention :placeholder Les attributs s'appliquent aux types d'entrée suivants :

  • text
  • recherche
  • url
  • tel
  • email
  • mot de passe

Exemple

Champ d'entrée téléphonique contenant du texte de remplacement :

<form action="/action_page.php">
  <label for="phone">Veuillez saisir le numéro de téléphone :</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>Format : 138-8888-8888</small><br><br>
  <input type="submit">
</form>

Essayez-le vous-même

Syntaxe

<input placeholder="text">

Valeur de l'attribut

Valeur Description
text Définir une courte aide pour la valeur attendue du champ d'entrée.

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 10.0 4.0 5.0 11.0

Remarque :placeholder Les attributs sont de nouvelles attributs dans HTML5.

Balise HTML <input>