Zone de texte pour formulaire html [Résolu/Fermé]

Signaler
Messages postés
66
Date d'inscription
samedi 30 janvier 2010
Statut
Membre
Dernière intervention
31 juillet 2013
-
Messages postés
18441
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
24 septembre 2020
-
Bonjour,
voila ce que je fais :

<form method="post" action="traitement.php">
<p>
<label for="pseudo">Votre pseudo :</label>
<input type="text" name="pseudo" id="pseudo" value="M@teo21" size="30" maxlength="10" />
</p>
</form>

value indique un texte d'office mais je voudrait que dès que l'on clique dessus il disparaisse (pour une recherche)

merci de votre aide

3 réponses

<input type="text" name="pseudo" id="pseudo" value="M@teo21" size="30" maxlength="10"
onfocus="if(this.value==this.defaultValue && this.value!='')this.value='';" onblur="if(this.value=='') this.value=this.defaultValue">
3
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60769 internautes nous ont dit merci ce mois-ci

Messages postés
66
Date d'inscription
samedi 30 janvier 2010
Statut
Membre
Dernière intervention
31 juillet 2013

merci de ton aide mais peu-tu m'expliquer ton code merci
Messages postés
18441
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
24 septembre 2020
4 216
<input type="text" name="recherche" id="recherche" value="Vos mots-clés" onfocus="if(this.value == 'Vos mots-clés') this.value = '';" onblur="if(this.value == '') this.value = 'Vos mots-clés';" />
Messages postés
18441
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
24 septembre 2020
4 216
onfocus = quand on mets le curseur dans le champ
onblur = quand on retire le focus, c-à-d quand on sort le curseur du champ

Lors du "onfocus" : si la valeur actuelle vaut celle par défaut, alors on vide le champ
Lors du "onblur" : si le champ est vide, alors on lui remet ça valeur par défaut