Javascript 如何在搜索栏中创建当您单击/键入时消失的模糊单词？

例如，facebook的搜索栏上有一个模糊的单词，上面写着“搜索”，但当你点击搜索栏时，它会变成空白，你可以开始输入，当你点击离开时，“搜索”就会返回

同样地，当你开始打字时，让我们问一个问题的标题框中有一些模糊的单词会消失

我不太确定这种效果叫什么，但我想知道是否有一个jQuery插件可以帮助实现这一点。这并不特别难编程，但我想，如果有人已经为它制作了一个插件，为什么还要重新发明轮子呢。

我制作了一个可以做到这一点的插件

更新

---

此后，我将其移动到GitHub并重新编写，以解决一些问题。享受吧！请在您使用它的地方随时给我发电子邮件，这样我会觉得很有用：）

HTML5有一个名为“占位符”的功能来实现这一点。例如：

<input name="search" placeholder="Search" />

---

当然，并非所有浏览器都支持HTML5，因此javascript在其他地方也会起作用。

离题：这些水印样式插件中没有多少能很好地与验证或其他脚本配合使用。我认为如果文本是默认文本，则应该重写

.val（）

以返回“”。你的想法？@Box9我同意。我不久前写了这篇文章，可能应该更新插件，使其更符合我目前对Usability等的想法。@Box9我已经重写了插件，并将其移动到GitHub。您的想法将不胜感激-请随时给我发电子邮件。干杯。@alex，我看了一下，我更喜欢这种方法。改天我可能会更仔细地看一看（甚至可能用叉子叉一下），但马上就可以了：我认为您不需要

objs.each

循环，当输入没有

id

；时，您可能会遇到问题。）@我想我需要

objs.each（）

，因为选择器可能返回多个元素（另外我喜欢封装）。此外，插件会自动失败，因为它找不到标签（您也可以在调用插件时传入一个标签）。老兄，你太棒了，这正是我要找的！我认为它会起作用，因为HTML5现在受到顶级浏览器的支持。非常感谢！