前端密碼可見性切換（顯示和隱藏）效果，大家估計都見過，所以就不多說了。

默認情況下，輸入的密碼的 input 標簽 type="password"，默認密碼用小點或星號表示。要密碼可見所以我們需要將type修改為"text"。在 Chrome、FireFox 等瀏覽器中通過修改 input 標簽的 type 屬性輕松實現(xiàn)該效果，但是 IE 下就會報錯。如果你需要兼容IE，就必須考慮其他方案。

這里有幾點需要說明的是：

示例使用了替換整個 input 標簽方案，所以可以兼容IE

眼睛的圖表使用了 iconfont ，這樣使用CSS切換比較簡單。

在 IE10 +瀏覽器中，遇到密碼輸入框的時候，框內(nèi)會自行顯示一個小眼睛的圖標，點擊后也能顯示密碼，如果是普通文本輸入框，則IE10會自動顯示一個小叉，點擊后可以清空文本框已輸入的內(nèi)容，如果不想要IE10自帶的這兩個功能生效，可以在CSS里加入：

CSS 代碼：

input::-ms-clear {display:none;}
input::-ms-reveal {display:none;}

這兩個針對IE瀏覽器的CSS定義便可去掉IE瀏覽器自動顯示的文本清除和顯示密碼的功能。

以上就是對JavaScript如何實現(xiàn)密碼可見性切換（顯示和隱藏）的全部介紹，如果您想了解更多有關(guān)JavaScript教程，請關(guān)注PHP中文網(wǎng)。

以上就是JavaScript如何實現(xiàn)密碼可見性切換（顯示和隱藏）的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！