javascript - 设置搜索字段的默认值 - 请帮忙!

Question

我正在尝试为搜索字段设置默认值。这个想法是，搜索字段的值为“搜索”，直到用户单击它，然后它应该为空。此外，只要它是“空白”(以“搜索”作为值)，它就应该具有“.blank”类。

我试过了

<input autocomplete="off" class="" id="searchq" name="searchq" onblur="if (this.value == '') { this.value='Search'; jQuery(this).addClass('blank'); };" onfocus="if (this.value == 'Search') { this.value=''; jQuery(this).removeClass('blank'); };" type="text" value="" />

到目前为止它可以工作，但是当我加载网站时，该字段只是空的。我必须先单击字段内部，然后单击页面上的某个位置才能使效果起作用。

我猜这与onBlur有关。有什么想法吗？

谢谢!

Answer 1

这称为水印。请参阅http://digitalbush.com/projects/watermark-input-plugin/举个例子