Effacer un champs qui a une valeur dans un formulaire

Eléphant du PHP | 159 Messages

10 janv. 2006, 11:28

Bonjour

j'ai deux champs de type input type="text" dans un formulaire
j'ai mis value="login" pour un, pour l'autre j'ai mis value="mdp"
ainsi l'utilisateur sait a quoi correspond la case

mais moi j'aimerais que quand il clique dans un des champs il s'efface
est ce possible ou non ?

Avatar du membre
ViPHP
ViPHP | 3008 Messages

10 janv. 2006, 11:33

C'est tout à fait possible. Ce code te permet non seulement d'effacer la valeur initiale quand la personne se met dans le champs, mais aussi de la remettre lors qu'il quitte ce champs sans l'avoir rempli :

Code : Tout sélectionner

<input type="text" name="login" class="texte" onFocus="if (this.value=='login') this.value=''" value="login" onBlur="if (this.value=='') this.value='login'" />

Eléphant du PHP | 159 Messages

10 janv. 2006, 11:54

merci

mais en fait je viens de tester et je comprends pas ca marche pas
donc j'ai cru que j'avais fait une erreur de modification du code que tu m'as donné
j'ai donc copié directement ton code mais meme probleme

si tu pouvais m'expliquer

Avatar du membre
ViPHP
ViPHP | 3008 Messages

10 janv. 2006, 12:09

Bizarre ça marche très bien chez moi, Firefox et IE.

Le onFocus correspond au comportement lorsque l'internaute clique dans le champs. Ici on lui dit que si la valeur initiale est "login", un fois cliqué dans le champs, on efface la valeur, d'où le this.value=''.

Le onBlur est le comportement lorsque l'internaute quitte le champs. On fait l'effet inverse du onFocus, en mettant la valeur initiale : this.value='login'.

Je ne sais pas pourquoi chez toi ça ne fonctionne pas...tu utilises quoi comme navigateur ? PC ou MAC ?

Eléphant du PHP | 159 Messages

10 janv. 2006, 12:23

si c'est bon en fait j'avais modifié un truc quand j'ai fait mon copié collé
maintenant ca marche parfaitement
aussi bien sous IE que sous FireFOX

Merci beaucoup