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

Question

我有一张注册表，我想使用密码字段。问题是，我希望它在开头有一个占位符，上面写着“密码”，所以我改用文本字段。当用户开始输入时，我需要将字符变成星号或黑圈，如密码字段。
我试过通过 javascript 将“type”属性更改为“password”，所以我卡住了。
有没有一种简单的方法可以用 css 解决这个问题？或者有人知道一个好的 javascript(最好是 jquery)来解决这个问题吗？
谢谢

Answer 1

1. 使用常规密码字段
2. 不要滥用 value作为占位符——屏幕阅读器用户等都看不到它。
3. 将标签放在 <label> 中
4. 将标签放在输入后面
5. 使用 JS 重新设置输入样式以更改背景

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