清除文本 onclick - 文本字段答案

【问题标题】：clear text onclick - textfield清除文本 onclick - 文本字段
【发布时间】：2010-05-17 18:43:52
【问题描述】：

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

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

【问题讨论】：

什么语言？什么平台？
您说的是 HTML 文本字段吗？表格？可可？请给我们一些背景信息。
asp.net?安卓？你在用什么？？？

【解决方案1】：

你可以这样做：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案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)" />

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

它实现了你所追求的，但风格更丰富

【讨论】：