HTML attribut Placeholder
Définition et utilisation
L'attribut placeholder spécifie un court indice décrivant la valeur attendue d'un champ de saisie ou d'une zone de texte.
Cet indice est affiché dans le champ avant que l'utilisateur n'entre une valeur.
S'applique à
L'attribut placeholder peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <input> | placeholder |
| <textarea> | placeholder |
Exemples
Exemple d'input
Deux champs de saisie avec un texte de placeholder :
<form action="/action_page.php">
<label for="phone">Entrez un numéro de téléphone :</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="123-45-678" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format : 123-45-678</small><br><br>
<input type="submit">
</form> Exemple de textarea
Une zone de texte avec un texte de placeholder :
<textarea placeholder="Décrivez-vous ici..."></textarea> Support des navigateurs
L'attribut placeholder est pris en charge par les navigateurs suivants pour chaque élément :
| Élément | |||||
|---|---|---|---|---|---|
| input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
| textarea | Oui | 10.0 | 4.0 | 5.0 | 11.5 |