Zone de texte pour formulaire html
Résolu
Xx-zilife-xX
Messages postés
88
Statut
Membre
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
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
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
Configuration: Windows 7 / Firefox 3.5.8
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"> -
<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';" />
-
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
