Aller au contenu

Sujets conseillés

Posté

Bonjour

Comment fait -on pour que dans un champ de formulaire, le texte present disparaisse automatiquement au 1er clic des que l'on veut remplir ce champ.

En le mettant dans valeur initiale, il faut l'effacer or j ai vu certain formulaire ou le texte disparait aussitot qu'on se cale sur le champ

merci

Posté (modifié)

il faut faire un truc du style

<input type="text" value="textepardefaut" onfocus="if( this.value == "textepardefaut" ) { this.value='';}" />

mais il me semble que cela pose des pb niveau accessibilité (je me trompe ?).

Modifié par petit-ourson
Posté

J'ai récemment trouvé un simple script en DOM qui fait çà parfaitement et qui ne perturbe aucunement l'accessibilité:

http://youngpup.net/2001/labels

C'est tout simplement génial: la seule chose à faire est de rajouter une ligne du genre

<script type="text/javascript" src="/path/to/script/labels.js"></script>

dans le header et le reste est fait automatiquement: çà récupère la valeur dans la balise <label for="valeur"> et çà l'envoie dans l'input text. Ensuite lorsque le champ prend le focus (par clic ou par tabulation clavier), le champ se vide uniquement s'il contient la valeur exacte par défaut.

Bref, je suis tombé amoureux de ce truc :wub:

Mangez-en c'est bon..

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...