密碼顯示隱藏功能

2021-09-26 10:21:37 字數 788 閱讀 4002

記錄一下自己打過的乙個輸入密碼的input框,顯示密碼和隱藏密碼之間切換的小功能。

//input框

style

="width

:85%

" type

="password"

value="

" name

="password"

placeholder-class

="phcolor"

placeholder

="請重置密碼(6-16位數字與字母組合)"

id="mima1"

>

//顯示/隱藏密碼圖示

src=

"../image/retrieve/[email protected]"

alt="

" id

="showtext"

onclick

="hideshowpsw();"

>

//獲取到input框id

var demoimg = document.

getelementbyid

("showtext");

//獲取到密碼圖示

var mima1 = document.

getelementbyid

("mima1");

//通過事件對input的type值進行控制

function

hideshowpsw()

else

}

密碼顯示隱藏切換

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

密碼隱藏 顯示的簡單實現

先上效果圖吧 實現原理 原理很簡單,就是通過對顯示密碼單選框選中狀態的判斷,使用jquery 或者js 動態改變密碼輸入框的type為password或者text。具體的其他樣式可以再新增,但是 是不變的。具體 密碼 6 20位以字母開頭只能包含字母 數字 下劃線 重複密碼 顯示密碼 可以看到單選框...

Android筆記 登入顯示與隱藏密碼

廢話不多說,挺簡單,就是之前沒有了解過,簡單做一下筆記有用到的方便再次使用,直接上圖 這裡是隱藏密碼狀態 顯示密碼狀態 這裡關鍵的是edittext的兩個屬性 顯示密碼 edt user psw.settransformationmethod hidereturnstransformationmet...