EFFACEMENT D'UN CHAMP AU CLIC 

Outils pour webmaster. Trucs et astuces en code HTML et JavaScript : améliorer son site internet

Descriptif : un champ pré-renseigné s'efface au clic.

Exemple :

Mise en oeuvre :

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT -->
<INPUT TYPE="text" NAME="name" ONFOCUS='this.value=""' SIZE="20" VALUE="- Votre texte -">
<!-- FIN DU SCRIPT -->

Remarque : vous pouvez aussi vous servir de la fonction ci-dessous qui va re-remplir le champ si aucun texte n'est entré.

Exemple :   Cliquez dans le champ ci-contre, puis cliquez en dehors du champ.

Entre les deux balises <body> et </body>

<!-- DEBUT DU SCRIPT -->
<input TYPE="text" SIZE="25" NAME="name" VALUE="votre texte ici"
ONFOCUS="if (value == 'votre texte ici') {value =''}"
ONBLUR="if (value == '') {value = 'votre texte ici'}">
<!-- FIN DU SCRIPT -->

 

Retour