javascript - 如果存在默认值，则阻止搜索

Question

我有一个使用 WordPress 和以下代码片段设置的站点:

<form id="searchform" method="get" action="<?php bloginfo('siteurl')?>/">
  <input type="text" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"class="textbox" value="Search" />
</form>

如果显示默认字符串“搜索”，我如何才能阻止搜索发生？

Answer 1

我建议你使用placeholder:

<input type="text" name="s" id="s" class="textbox" placeholder="Search" />

查看此 JSFiddle检查它是如何工作的。它会为用户显示提示，直到他输入内容。当然，在用户交互之前，带有 placeholder 的输入值仍然是空的。