jQuery <input> 水印在聚焦时保持不变答案

【问题标题】：jQuery <input> watermark that stays when focusedjQuery <input> 水印在聚焦时保持不变
【发布时间】：2010-01-11 19:19:29
【问题描述】：

我的表单上有一些<input>s，我想用字段标签给它们加水印。已经有无数的水印插件，但据我所知，当<input> 被聚焦时，它们都可以清除水印，即使没有输入任何内容。

理想情况下，我想要的内容是在用户输入内容之前一直显示，无论是否专注。

有没有人知道已经这样做的插件，或者知道可能有助于指导我的代码示例？

【问题讨论】：

【解决方案1】：

This plugin 将在输入获得焦点时保留水印，尽管它会隐藏在 any 按键（甚至 Ctrl）上。

【讨论】：

我实际上最终选择了 Paul Elliot 的那个插件的分支，它需要更少的 CSS/HTML tomfoolery。 github.com/paulelliott/In-Field-Labels-jQuery-Plugin。这并不完美，但它是一个很好的起点。

【解决方案2】：

为此，我创建了一个灵活的插件。它进入状态：专注和填充，您可以定义自己的 css 来管理样式，例如可见性、颜色和... 查看jQuery Placeholder here的示例和完整文档

【讨论】：

【解决方案3】：

作为另一种选择，如果您出于其他原因更喜欢其他插件之一，那么更改脚本以使水印在keyup 而不是focus 上消失并不难。

【讨论】：