明文onclick - textfield

Question

当用户点击文本字段时，清除文本字段的最佳方法是什么？

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

Answer 1

你可以这样做：

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

Answer 2

<input name="foo" placeholder="Search" /> 占位符标记是一个新的HTML5标记，它完全按照您要在此处执行的操作。

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

在JavaScript中，您可以在OnFocus事件处理程序中将控件的值简单地设置为空字符串。

Answer 5

如果jquery是一个选项，我会考虑watermark plugin

它实现了你所追求的目标，但却有了更多的风格