Valeur d'un formulaire qui s'efface au clic

Résolu/Fermé
Nowhere Man Messages postés 307 Date d'inscription samedi 5 juillet 2008 Statut Membre Dernière intervention 8 avril 2011 - 17 déc. 2008 à 20:56
le-senseii Messages postés 2 Date d'inscription vendredi 31 mai 2013 Statut Membre Dernière intervention 18 juillet 2013 - 18 juil. 2013 à 14:57
Bonsoir,
J'ai un formulaire de livre d'or sur mon site, j'ai pré-remplit la case "Nom" avec "Tape ton Nom ou ton Pseudo ici" comme ça :

<input name=nom type=text value="Tape ton Nom ou ton Pseudo ici" size=45 />


Et je voudrais que quand le visiteur clique sur ce formulaire pour remplir son pseudo ou son nom, cette valeur disparaisse pour avoir à éviter d'effacer le formulaire pour re-remplir son pseudo.

Quelqu'un aurait-il une solution? Faut-il passer par du javascript?
A voir également:

10 réponses

bissdebrazza Messages postés 2065 Date d'inscription vendredi 29 juin 2007 Statut Contributeur Dernière intervention 7 décembre 2017 712
17 déc. 2008 à 21:35
salut
voila la solution

<input type="text" name="nom" size=16 value="Entrez ici votre nom" onFocus="javascript:this.value=''" />
19
L'attribut placeholder permet de faire ça en HTML5.
14
le-senseii Messages postés 2 Date d'inscription vendredi 31 mai 2013 Statut Membre Dernière intervention 18 juillet 2013 13
18 juil. 2013 à 14:57
Depuis l'arrivée de html 5 :
placer dans le input :
placeholder="Entrez un pseudo"
13
Dans ce cas, il faut faire
<input name=nom type=text value="Tape ton Nom ou ton Pseudo ici" size=45 onFocus="if(this.value=='Tape ton Nom ou ton Pseudo ici')this.value=''" />
8

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
<input type="text" value="Login" onFocus="javascript:this.value=''" onBlur="javascript:if(this.value=='')this.value='Login'" />
3
t3kstiil3 Messages postés 3 Date d'inscription samedi 27 mars 2010 Statut Membre Dernière intervention 26 août 2012 3
26 août 2012 à 01:49
J'arrive avec un peu de retard ( 2ans LOL)
Mais voici une solution car j'avais aussi ce problème d'effacement une seule fois !

<input id="titre_assoc" maxlength="30" class="input_add_assoc" type="text" name="subject" value="Nom de votre assosciation" onfocus="if (this.value=='Nom de votre assosciation') this.value=''"><br />

En gros on vérifie ci le texte rentré est différent que le texte dans value (texte par défaut) alors on ne l'efface pas :)

WIN :DDD !
3
Nowhere Man Messages postés 307 Date d'inscription samedi 5 juillet 2008 Statut Membre Dernière intervention 8 avril 2011 94
17 déc. 2008 à 21:40
Et pour faire en sorte que le texte ne s'enlève qu'au premier clic et que si l'on reclique après avoir déjà entré son nom, ça ne s'efface pas... on fait comment ?
2
Nowhere Man Messages postés 307 Date d'inscription samedi 5 juillet 2008 Statut Membre Dernière intervention 8 avril 2011 94
17 déc. 2008 à 21:41
Merci pour cette réponse bissdebrazza !!
2
Nowhere Man Messages postés 307 Date d'inscription samedi 5 juillet 2008 Statut Membre Dernière intervention 8 avril 2011 94
23 déc. 2008 à 13:32
Merci beaucoup =)
2
vinny38 Messages postés 1 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 29 janvier 2010 2
29 janv. 2010 à 17:52
Oui mais comment faire pour que cette action ne se réalise qu'une seule fois ??

Je m'explique : imaginons que je remplisse le corps de mon message puis je veux modifier : je reclique sur le "form" et boum... tout disparaît à nouveau (logique !)

pas coul
2