HTML：搜索onblur onfocus defaultvalue和onsubmit

Question

我试图建立一个默认值为“搜索此处”的搜索框，例如onfocus它将清除它，如果它为空则它将返回“Search Here”。

为此我可以使用：

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

这很好用，但是当我在没有输入文字的情况下点击搜索时，它会搜索“在这里搜索”。

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

Answer 1

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

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

Answer 2

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

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