HTML：搜索onblur onfocus默认值并onsubmit

即时通讯设法建立一个默认值搜索框“搜索这里”例如，onfocus它将清除它，并onblur如果它的空它会带回“搜索这里”。HTML：搜索onblur onfocus默认值并onsubmit

为了这个，我可以使用：

onfocus="if (this.value==this.defaultValue) this.value = ''"; 
onblur="if (this.value=='') this.value = this.defaultValue";

这工作得很好，但是当我打不输入查询文本搜索，它搜寻SEARCH_TERM_EXAMPLES“搜索这里”。

搜索前删除默认值的最佳方法是什么？

2010-12-15 natiz

你想让用户能够搜索空白值吗？ – Fishcake 2010-12-15 14:30:29

如果您希望用户能够搜索并清空搜索查询，您可以捕获后端（php/asp/whatever）上的默认搜索字符串并将其替换为空字符串。

或者，如果您想阻止搜索，如果默认值位于搜索框中，您可以使用javascript来阻止提交。

2010-12-15 14:31:51 PeeHaa

是的，直接比较this.value和“Search Here”字符串，而不是this.defaultValue，如果匹配，则清除它。 – 2010-12-15 14:36:26

使用HTML5占位符属性。像这样：

<input type="text" placeholder="Search here"/>

2012-02-08 14:42:08 Lauri

回答