明文onclick - textfield

Question

What is the best method to clear text in a text field, when the user clicks on it?

Ie, if the text search field says "search" and when they click it, it clears the value.

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

Normal 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中，您可以简单地将contorol的值设置为OnFocus事件处理程序中的空字符串。

Answer 5

If jquery's an option, I'd consider the watermark plugin

It achieves what you're after, but with a bit more style