表格占位符/水印和保存的密码

时间:2010-11-04 07:10:43

标签: jquery forms login watermark placeholder

我目前正在网站上写一个登录表单。表格必须紧凑,并且标签应作为占位符/水印放在电子邮件和密码字段中。

HTML5引入了占位符属性,但不太受支持。因此,我研究了许多jQuery插件,它们向浏览器添加了占位符功能,而这些浏览器本身并不支持它。

但是......他们都没有真正使用浏览器保存的密码。

当用户保存了两个或多个登录名/密码时,通常会出现此问题。然后,当选择其中一个登录时,会发生以下情况之一:

1)密码插入占位符后面,仍然显示占位符。然后用户可能认为他们的密码没有输入。

2)密码插入占位符后面,它现在显示密码点和占位符。令人困惑和丑陋。

3)密码在占位符中以明文形式插入,并可编辑为明文(yargh!)

据我所知,问题的原因是浏览器插入保存的登录时没有触发任何事件。

当用户保存多个登录信息时,有没有人知道一些不会破坏的漂亮的Javascript?

或者说没有人解决这个问题真的是真的吗? (极不可能)

感谢。

1 个答案:

答案 0 :(得分:0)

我不知道问题的解决方案,但也许你可以通过一个小技巧来避免它:

http://jsfiddle.net/elektronikLexikon/tf3sC/

将标签放在输入后面并显示/隐藏它们。