首頁 >頭條 >5款強大的密碼顯示/隱藏效果推薦(附源碼下載)

5款強大的密碼顯示/隱藏效果推薦(附源碼下載)

藏色散人
藏色散人原創
2019-11-29 09:48:117593瀏覽

使用者在登入或註冊網站時,通常會有類似「小眼睛」的功能,可以顯示或隱藏輸入的密碼,這樣既避免密碼輸入錯誤又能提升安全性。以下是php中文網為各位網頁精選的5款好用的密碼顯示/隱藏效果插件,大家在開發密碼顯示/隱藏效果的時候可以進行參考,並下載代碼。

1、Bootstrap實作使用者輸入密碼顯示隱藏碼

5款強大的密碼顯示/隱藏效果推薦(附源碼下載)Bootstrap是基於HTML、CSS、 JavaScript 開發的簡潔、直覺、強悍的前端開發框架,這是用Bootstrap實現的使用者輸入密碼顯示隱藏效果,只要用滑鼠點擊「小眼睛」圖示即可隱藏或顯示密碼。

連結:https://www.php.cn/xiazai/js/2580

2、隱藏顯示密碼的jQuery插件

5款強大的密碼顯示/隱藏效果推薦(附源碼下載)

jQuery是一個快速、簡潔的JavaScript框架,這是一個用jQuery實現隱藏顯示密碼效果的插件,點擊“小眼睛」圖示或勾選「 Show password」即可顯示或隱藏密碼。

連結:https://www.php.cn/xiazai/js/5245

3、密碼顯示隱藏插件jquery.toggle-password

5款強大的密碼顯示/隱藏效果推薦(附源碼下載)

#這是一個用jquery實作密碼隱藏顯示效果的插件,使用者勾選/取消「顯示密碼」即可顯示或隱藏密碼,並且還有「記住密碼」以及「忘記密碼」的樣式效果。

連結:https://www.php.cn/xiazai/js/5244

4、輸入框密碼顯示隱藏

5款強大的密碼顯示/隱藏效果推薦(附源碼下載)

這是一個非常簡潔、實用的密碼顯示/隱藏插件,點擊「小眼睛」圖示即可顯示或隱藏輸入的密碼。

連結:https://www.php.cn/xiazai/js/5240

#5、顯示目前正在輸入密碼後自動隱藏

5款強大的密碼顯示/隱藏效果推薦(附源碼下載)

這是一款能夠顯示目前正在輸入密碼後自動隱藏效果的jquery外掛程式。當使用者正在輸入密碼時,會即時顯示出密碼,而在結束密碼輸入後會自動隱藏密碼,如果想要顯示完整密碼,點擊「顯示密碼」即可。

連結:https://www.php.cn/xiazai/js/5235

相關推薦:

1.值得收藏的10個網頁搜尋框樣式(附程式碼下載)

#2.10個強大的WEB搜尋框互動功能樣式推薦(附原始碼下載)

3.10款實用的星級評分元件推薦(附原始碼下載)

4.五個實用的密碼強度檢測樣式推薦(附原始碼下載)

更多其它特效程式碼,請關注php中文網JS特效頻道,一切資源免費!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn