Attribut d'espace réservé HTML
Définition et utilisation
L' placeholderattribut spécifie un bref indice décrivant la valeur attendue d'un champ de saisie / d'une zone de texte.
Le petit conseil s'affiche dans le champ avant que l'utilisateur n'entre une valeur.
S'applique à
L' placeholderattribut peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <entrée> | espace réservé |
| <zone de texte> | espace réservé |
Exemples
Exemple d'entrée
Deux champs de saisie avec un texte d'espace réservé :
<form action="/action_page.php">
<label for="phone">Enter a phone
number:</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 zone de texte
Une zone de texte avec un texte d'espace réservé :
<textarea placeholder="Describe yourself here..."></textarea>
Prise en charge du navigateur
L' placeholderattribut est compatible avec les navigateurs suivants pour chaque élément :
| Element | |||||
|---|---|---|---|---|---|
| input | 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
| textarea | Yes | 10.0 | 4.0 | 5.0 | 11.5 |