如何通过输入屏蔽使文本字段表现得像密码字段？

Question

我不想为我的网站保存密码。 因此，我尝试使用 autocomplete = 'off', autocomplete="new-password" 但它不起作用。 现在我想出了输入屏蔽的想法。 那么能否请您告诉我如何更改文本字段中输入的每个字符，使其表现得像密码 * 字符。

Answer 1

这是一个例子。

 .test { text-security: disc; -webkit-text-security: disc; -moz-text-security: disc; }

 <input type="text" class="test">

Answer 2

试试这个，但我认为这只适用于 Chrome。

 document.getElementById("input").oninput = ( function(event) { document.getElementById("text").innerHTML = document.getElementById("input").value; });

 #input { -webkit-text-security: disc; -moz-text-security: disc; }

 <input type="text" name="" id="input"> <p id="text"></p>

谢谢并致以最诚挚的问候！