Chti coup de main : zone de formulaire avec val defaut qui disparait

[Zecat]

Je vois souvent dans des formulaires une zone de saisie (disons un type ="text") avec à l'ouverture du formulaire un contenu qui disparait lorsque l'on clic dans le zone ...Style :

Entrez la date : [jjmmaaaa]

Et quand on clic dedans le jjmmaaaa disparait ...

Je n'ai absolument aucune idée de comment on fait ca ! Html standard, js ? qui c'est qui sait ? :wink: :?:

 

[MikeR]

Utilises un OnClick() en js qui remet au clair ta zone de saisie. Et un flag pour ne le faire que la première fois.

 

[spout]

Pistes:
jQuery Masked Input: http://digitalbush.com/projects/masked-input-plugin/
Sinon le "Old School Javascript Way" : http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text

 

[Zecat]

thanks spout ... la old school way me va tres bien ... tu sais a mon age :wink:

 

[fobec]

ta page est en html5 ?

HTML5 introduit la propriété placeholder:
<input type="text" placeholder="jjmmaaaa">

marche nickel en html5 et hors IE<8

 

[Leonick]

j'aime beaucoup les options avec jquery : c'est "simple" yaka charger 200 Ko de bibliothèques js et après on n'a que 30 caractères à ajouter. Alors qu'en version old school, il suffit d'une centaine de caractères :wink:

 

[zeb]

c'est "simple" yaka charger 200 Ko de bibliothèques js et ...

Arg ! tu as oublié le bonheur des mise à jour.

 

[spout]

@zeb: concernant les mises à jour:
Avec les CDN c'est juste 1 numéro de version à changer.
En submodule git c'est 1 ligne de commande.

Bon là c'est clair que juste pour un placeholder, jQuery ou autre c'est l'usine à gaz