用js或者jquery该如何实现密码的效果

Question

最近碰到一个问题：

我在做登录界面的时候为了好看，就默认显示“请输入用户名”，“请输入密码”；

但是这样就出现一个问题：
如果密码用text的话就可以看到输入的密码，如果用用password的话，就会默认显示的时候就是“*”，而不是“请输入密码”这几个字了；

个人曾想过，就像手机上用过的：
看到输入的当前看到的字母，当内容发生改变的时候，调用方法，判断字符的长度，将密码修改成n（当前字符长度）个“*”；
这时候出现一个问题，这时候该如何记录正确的密码呢？

还有没有其它的更好的办法呢？

Answer 1

参考Input Password placeholder Property
设置placeholder，支持主流浏览器，上面的W3School页面上也测试，可以自己点击查看。
对于IE6等老浏览器，只能使用js，比如设置一个label，参考HTML: HTML5 Placeholder attribute in password field issue- shows normal text?
或者Showing Placeholder text for password field in IE
其他的自己搜索一下