effacer le texte onclick - textfield

Question

Quelle est la meilleure méthode pour effacer du texte dans un champ de texte, lorsque l'utilisateur clique dessus? Par exemple, si le champ de recherche de texte indique "recherche" et qu'il clique dessus, il efface la valeur.

Answer 1

Vous pouvez faire comme:

<input type="text" onfocus="if(this.value == 'search') {this.value=''}" onblur="if(this.value == ''){this.value ='search'}"> 

Answer 2

En JavaScript, vous pouvez définir simplement la valeur de la contorol à une chaîne vide dans le gestionnaire d'événements OnFocus.

Answer 3

HTML normal:

<script type="text/javascript"> 
    function clearThis(target){ 
     target.value= ""; 
    } 
    </script> 
    <input type="text" value="Search" onfocus="clearThis(this)" /> 

jQuery:

<script type="text/javascript"> 
    function clearThis(target){ 
     $(target).val = ""; 
    } 
</script> 
<input type="text" value="Search" onfocus="clearThis(this)" /> 

Answer 4

Si jquery est une option, je considérerais le watermark plugin

Il réalise ce que vous êtes après, mais avec un peu plus de style

Answer 5

<input name="foo" placeholder="Search" /> Le plac eholder tag est une nouvelle balise HTML5 qui fait exactement ce que vous voulez faire ici.