密碼隱藏 顯示的簡單實現

2021-08-19 23:37:39 字數 599 閱讀 4717

先上效果圖吧:

實現原理:

原理很簡單,就是通過對顯示密碼單選框選中狀態的判斷,使用jquery(或者js)動態改變密碼輸入框的type為password或者text。具體的其他樣式可以再新增,但是**是不變的。

具體**:

密碼(6-20位以字母開頭只能包含字母、數字、下劃線)*

重複密碼*

顯示密碼

可以看到單選框繫結了onclick事件,並將選中狀態(this.checked)傳了過去:

/*顯示密碼*/

function checkit(ischecked) else

}

至此就大功告成了;

最後說一下可能會遇到的坑:prop與attr的選擇

對於html元素我們自己自定義的dom屬性,在處理時,使用attr方法。

密碼顯示隱藏功能

記錄一下自己打過的乙個輸入密碼的input框,顯示密碼和隱藏密碼之間切換的小功能。input框 style width 85 type password value name password placeholder class phcolor placeholder 請重置密碼 6 16位數字與字...

密碼顯示隱藏切換

class pwd wrap password id pwd value 123456 btns 顯示class cur 隱藏 function else 還是要說說原理的,最主要的思路就是 strong 改變密碼框的型別strong 點選按鈕切換,切換的是input的type屬性,在passwor...

IOS swift實現密碼的顯示與隱藏切換

如下 importuikit class mytextfield uitextfield,uitextfielddelegate private var maxlength 11 overrideinit frame cgrect super.init frame frame self.delega...