在HTML中，通過設(shè)置input元素的type屬性為“password”來創(chuàng)建一個輸入密碼的框。但是很多時候我們希望別人不能看到我們輸入的密碼。這時候可以設(shè)置密碼不可見。

<input type="password" name="password" id="password">

默認(rèn)情況下，上述代碼創(chuàng)建的輸入框中輸入的字符都是用“*”代替顯示的，但是這并不完全保障密碼的安全性。如果你想要更改這種顯示方式，可以使用CSS來控制密碼框中的文本樣式。

#password {
-webkit-text-security: disc;
-moz-text-security: disc;
-ms-text-security: disc;
text-security: disc;
}

上述代碼可以將輸入框中的字符替換成實心的圓點。當(dāng)然，這只是一種簡單的方式，為了更加保護(hù)密碼的安全性，還需要做一些額外的工作。比如，設(shè)置一個強(qiáng)密碼策略，限制用戶的密碼長度等。