Zone de texte pour formulaire html

Résolu
Xx-zilife-xX Messages postés 66 Date d'inscription   Statut Membre Dernière intervention   -  
avion-f16 Messages postés 19252 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
A voir également:

3 réponses

garf
 
<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
Xx-zilife-xX Messages postés 66 Date d'inscription   Statut Membre Dernière intervention  
 
merci de ton aide mais peu-tu m'expliquer ton code merci
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
<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';" />
1
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
1