Styling or override input text with password mask

Question

Let's say I have this

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

I want to mask the user input with password sign either like asterix or dot. Is it possible to do this?

Yes, I know I could do Password : <input type="password" /> but I want to do with input type="text" . Is it possible?

Thank you

Answer 1

I don't know why you want to do this as we have type="password" but still if you want to hide the fields which have type="text" than you can use this (Only webkit)

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

Demo (Webkit Only)

Answer 2

只需将类型更改为密码即可。

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

Answer 3

你应该使用

<input type="password"/>

Answer 4

如果你不想使用input type =“password”。使用javascript keyup函数并制作一个自定义替换函数