jQuery <input> 水印,当输入框获得焦点时水印依然存在。

6
我在表单中有一些,我想用字段标签为它们加上水印。已经有无数的水印插件了,但是据我所知,它们都会在输入框获得焦点时清除水印,即使没有输入任何内容。
理想情况下,我希望有一种方法可以持续显示水印,直到用户输入东西为止,无论是否聚焦。
有人知道已经有这样的插件吗?或者知道一个代码示例,可能会帮助指导我的方向吗?
3个回答

7

这个插件会在输入框获得焦点时保留水印,但是在任何按键(甚至Ctrl)被按下时都会隐藏水印。


我最终选择了Paul Elliot的插件分支,它需要更少的CSS/HTML代码。http://github.com/paulelliott/In-Field-Labels-jQuery-Plugin。虽然它不完美,但是它是一个很好的起点。 - Tim Sullivan

2

我已经创建了一个灵活的插件来实现这个目的。它有两种状态:聚焦和填充,您可以定义自己的CSS来管理样式,如可见性、颜色等等... 请查看jQuery Placeholder的示例和完整文档。


0
作为另一种选择,如果您因其他原因更喜欢其他插件,那么很容易修改脚本,使水印在 keyup 而不是 focus 时消失。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接