如何通過輸入屏蔽使文本字段表現得像密碼字段？

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>

謝謝並致以最誠摯的問候！