zones et champs texte dans formulaire

zones et champs texte dans formulaire - HTML/CSS - Programmation

Marsh Posté le 16-05-2005 à 10:57:36    

Bonjour,
 
Alors voila je suis en train de faire un formulaire avec des zones et champs de texte.
 
Je voudrais savoir comment faire pour que lorsque l'utilisateur clique dans ces zones ou champs de texte (par ex "tapez ici..." ) s'efface automatiquement.
 
Merci a tous.

Reply

Marsh Posté le 16-05-2005 à 10:57:36   

Reply

Marsh Posté le 16-05-2005 à 11:00:29    

Code :
  1. onclick='javascript:this.value = "";'

:o


Message édité par Hermes le Messager le 16-05-2005 à 11:01:16

---------------
Expert en expertises
Reply

Marsh Posté le 16-05-2005 à 11:01:58    

sur le onfocus, tu colles une fonction qui verifie si le text courant est "tapez ici..." et si c'est le cas, tu effaces le contenu du champs.

Reply

Marsh Posté le 16-05-2005 à 11:02:30    

Hermes le Messager a écrit :

Code :
  1. onclick='javascript:this.value = "";'

:o


 :D  lol

Reply

Marsh Posté le 16-05-2005 à 11:09:35    

Merci bcp
 
Zavez été rapide...

Reply

Marsh Posté le 17-05-2005 à 11:21:20    

Je vote pour la solution de fred_p plus "accessible compliant" :D (Et au moins elle efface pas le texte a tous les coups)

Reply

Marsh Posté le 17-05-2005 à 11:56:39    

ouais mais toute pourrite quand meme: il faudrait une variable qui indique si le champ a deja ete initialisé pour que l'utilisateur puisse quand meme rentré "tapez ici...". Enfin bon, ca devient vite du masochisme :)

Reply

Marsh Posté le 17-05-2005 à 13:32:51    

fred_p a écrit :

ouais mais toute pourrite quand meme: il faudrait une variable qui indique si le champ a deja ete initialisé pour que l'utilisateur puisse quand meme rentré "tapez ici...". Enfin bon, ca devient vite du masochisme :)


 
 
clairement. Il faut en effet initialiser une variable globale pour éviter que le champ ne soit ré-initialisé. Sinon, évidemment mon exemple simplissime était juste une piste. Le onfocus est également en effet de rigueur.


Message édité par Hermes le Messager le 17-05-2005 à 13:33:14

---------------
Expert en expertises
Reply

Marsh Posté le 17-05-2005 à 15:39:33    

Un petit JS qui va ajouter ce texte (defini dans une var) dans les input lors du chargement de la page.
Ensuite ce JS rajoute le onfocus adequat aux inputs.
 
Comme ca, si le browser ne supporte par JS ou qu'il est desactive, le texte n'est meme pas ajoute puisqu'il ne pourra pas etre enleve grace au onfocus.
 
Comme ca tout le monde est content :p

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed