記錄一下自己打過的乙個輸入密碼的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...