Manuel de référence HTML

Complète liste des balises HTML

HTML: <input> attribut placeholder

L'attribut placeholder de l'élément HTML input spécifie une courte suggestion de valeur attendue pour le champ d'entrée (par exemple, une valeur d'échantillon ou une courte description du format attendu). La courte suggestion s'affiche dans la boîte de saisie input avant que l'utilisateur n'insère une valeur.

　HTML <input> balise

Exemple 1

Deux champs de texte input avec texte placeholder :

Exemple

<!DOCTYPE html>
<html>
<head>
<title>HTML: <input> attribut placeholder　-　Base Tutorial Website(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　<input type="text" name="fname" placeholder="Prénom"><br>
　　<input type="text" name="lname" placeholder="Nom de famille"><br>
　　<input type="submit" value="Soumettre">
</form>
</html>

Vérifiez et voyez si...‹/›

Le texte placeholder peut également définir une couleur.

Exemple en ligne 2

Définir la couleur du texte placeholder :

Exemple

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Base Tutorial Website(oldtoolbag.com)</title>　
</head>
<body>
<form action="demo-form.php">
　　<input type="text" name="fname" placeholder="Prénom"><br>
　　<input type="text" name="lname" placeholder="Nom de famille"><br>
　　<input type="submit" value="Soumettre">
</form>
</body>
</html>

Vérifiez et voyez si...‹/›

Compatibilité navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Attribut
placeholder	10.0	10.0	4.0	5.0	11.0

Définition et utilisation

placeholder spécifie une courte indication de la valeur attendue pour le champ d'entrée (par exemple, une valeur d'échantillon ou une brève description du format attendu).

Une courte indication s'affiche dans le champ d'entrée avant que l'utilisateur n'insère une valeur.

Attention :L'attribut placeholder est applicable aux types d'entrée suivants : text, search, url, tel, email et password.

HTML 4.01 par rapport à HTML5différences

L'attribut placeholder est une propriété HTML5 nouvel attribut ajouté.

Syntaxe

<input placeholder="text">

Valeur de l'attribut

Valeur	Description
text	Spécifie une courte indication de la valeur attendue pour le champ d'entrée.

　HTML <input> balise

HTML: <template> balise