使用密碼掩碼樣式化或覆蓋輸入文本

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;
}

演示 （僅限Webkit）

Answer 2

只需將類型更改為密碼即可。

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

Answer 3

你應該使用

<input type="password"/>

Answer 4

如果你不想使用input type =“password”。使用javascript keyup函數並制作一個自定義替換函數