Aller au contenu

Champ valeur initial


Fupap

Sujets conseillés

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

Lien vers le commentaire
Partager sur d’autres sites

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
Lien vers le commentaire
Partager sur d’autres sites

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..

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

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



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