Zone de texte pour formulaire html

Résolu
Xx-zilife-xX -  
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
Configuration: Windows 7 / Firefox 3.5.8

3 réponses

  1. 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">
    1. Xx-zilife-xX Auteur
      merci de ton aide mais peu-tu m'expliquer ton code merci
  2. avion-f16 
    <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
      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