Javascript - Effacer un champ de formulaire lors du clic (focus)

Dernière mise à jour le 5 novembre 2009 à 14:20 par marlalapocket
Publié par Jeff

Il vous est sûrement arrivé de tomber sur un formulaire HTML avec des valeurs pré-remplies décrivant par exemple le type de valeur attendue.
L'intention est louable mais il est désagréable de devoir sélectionner ce texte et le supprimer avant de pouvoir écrire.

Il est possible de faire disparaître ce texte dès que l'utilisateur sélectionne ce champ (c'est-à-dire lorsque ce champ obtient le focus) :

<form  ... >
<input type="text" name="nom" size=16 value="Entrez ici votre nom" onFocus="javascript:this.value=''" />
<input type="submit" value="Valider" />
</form>

Cependant de cette façon le texte sera effacé quel qu'il soit !
On peut utiliser une condition pour ne remplacer que si la valeur est "Entrez ici votre nom" :
<input onclick="if(this.value=='Entrez ici votre nom')this.value=''; ... />
Meilleures réponses pour « Javascript Effacer un champ de formulaire lors du clic (focus) » dans :
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...