Effacer un champs de formulaire au clic

Les formulaires de contact, ou de recherche sont parfois pré-remplis décrivant le type de valeur attendue. C’est par exemple le cas dans le moteur de recherche de ce blog (en haut à droite) avec le texte “Rechercher”. C’est assez pénible pour l’internaute de devoir sélectionner le champs et de cliquer sur la touche suppr. La commande ci-dessous vous permet d’effacer automatiquement le champs dès que l’internaute clique dessus. Simple, mais pratique… :

<form … >
<input type=”text” name=”nom” size=12 value=”Rechercher…” onFocus=”javascript:this.value=”” />
<input type=”submit” value=”Valider” />
</form>

Si vous avez aimé cet article, je vous conseille les articles suivants :

Commenter cet article