Le blog qui vous occupe !

Avec cette astuce javascript, lorsque vous cliquez sur un champ de formulaire, ce dernier se vide automatiquement.
Tags: javascript, script

Cela peut s'avérer assez pratique pour vos visiteurs lorsque vous donnez une valeur initiale à un champ de formulaire: cela évite d'effacer d'abord votre texte avant de compléter le formulaire, tout simplement. Pour cela, vous devrez ajouter le code suivant: onFocus="this.value=''" dans la balise input du champ concerné: <input type="text" name="nom" value="Votre Email" size="20" onFocus="this.value=''"> Cela donnera par exemple:



L'intérêt de cette astuce? Economiser de l'espace dans votre menu: au lieu de s'afficher au dessus du champ de formulaire, votre description s'affiche dans ce champ, vous gagnez ainsi une ligne dans votre design. Si vous avez des formulaires sur vos sites, vous savez donc ce qu'il vous reste à faire!

Edtion: j'ai trouvé une variante qui permet de restaurer la valeur d'origine si on reclic en dehors du formulaire, voici le code: <input type="text" name="nom" value="Recherche" size="20" onfocus="if(this.value=='Recherche') this.value=''" onblur="if(this.value=='') this.value='Recherche'">
Et voici ce que cela donne: