使用密码掩码样式化或覆盖输入文本

Question

让我说我有这个

Name : <input type="text" name="name" />

我想使用密码符号来屏蔽用户输入，如asterix或dot。有可能这样做吗？

是的，我知道我可以做Password : <input type="password" />但我想做input type="text"。有可能吗？

谢谢

Answer 1

我不知道你为什么要这样做，因为我们有type="password"，但是如果你想要隐藏type="text"的字段而不是你可以使用它（只有webkit）

input[type="text"] {
  -webkit-text-security: disc;
}

Demo（仅限Webkit）

Answer 2

只需将类型更改为密码。

Name : <input type="password" name="name" />

Answer 3

您应该使用

<input type="password"/>

Answer 4

如果你不想使用input type =“password”。使用javascript keyup函数并进行自定义替换功能