HTML文本字段的行为类似于密码字段

Question

我有一个注册表,我想使用密码字段.问题是,我希望它在开头有一个占位符说"密码",所以我使用的是文本字段.当用户开始输入时,我需要将字符转换为星号或黑色圆圈,如密码字段.
我已经尝试通过javascript将"type"属性更改为"password",所以我被卡住了.
有没有一种简单的方法来解决这个问题？或者有人知道一个好的javascript(最好是jquery)来破解这个吗？
谢谢

Answer 1

1. 使用常规密码字段
2. 不要滥用value占位符 - 它对屏幕阅读器用户等是不可见的.
3. 把标签放在一个 <label>
4. 将标签放在输入后面
5. 使用JS重新设置输入以更改背景

演示http://dorward.me.uk/tmp/label-work/example.html