html - HTML：搜索 onblur onfocus 默认值和 onsubmit

Question

我正在尝试使用默认值“在此处搜索”构建一个搜索框，例如，onfocus 它将清除它，而 onblur 如果它为空，它将带回“在此处搜索”。

为此我可以使用：

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 阻止提交。