明文onclick - textfield

Question

什么是最好的方法来清除文本字段中的文本，当用户点击它？

即，如果文本搜索字段显示“搜索”，当他们点击它时，它清除该值。

Answer 1

你可以做这样的：

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

Answer 2

在JavaScript中，你可以简单的设置将contorol的在onfocus事件处理程序的空字符串值。

Answer 3

普通HTML：

<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

如果jQuery的一个选择，我会考虑的watermark plugin

它实现了你以后，却带着几分更多风格

Answer 5

<input name="foo" placeholder="Search" /> The plac eholder标签是一种新的HTML5标签，它完全符合您在这里要做的事情。