Comment afficher un texte par défaut dans un input ou textarea HTML ?
Réponses rédigées par Antoine
Dernière mise à jour : 2021-03-20 14:07:49
Question
Comment fait-on pour afficher un texte par défaut dans un input ou textarea HTML, de telle manière que le texte disparaissent quand on commence à y écrire ?
Réponse
Pour afficher un texte par défaut dans un input ou un textarea HTML, vous devez utiliser l'attribut HTML placeholder.
L'attribut placeholder est généralement utilisé pour décrire la valeur attendue d'un champ texte du type <input> ou <textarea>.
Remarque : Le texte du placeholder s'affiche dans le champ de saisie et disparait dès lors que l'utilisateur commence à saisir du texte.
<input type="text" placeholder="Texte par défaut dans un input">
<textarea placeholder="Texte par défaut dans un textarea">
Astuce : Si vous voulez personnaliser le placeholder avec du code CSS : changer par exemple sa couleur, ou bien centrer le texte, référez vous à cette autre question.