jquery顯示隱藏密碼跟顯示密碼


今天講述的是html5中input的password密碼的加密與顯示

都知道input標簽加上password輸入密碼顯示的都是原點.......怎么點一個按鈕讓他顯示回來明文數字1234567

上代碼(使用時引入jquery)

<form >
<input type="password" name="password" id="password" onblur="passwordBlur()"/>
<input type="text" id="text" style="display:none" onblur="textBlur()"/>
<input type="checkbox" onclick="xyPassword()"/>顯示密碼
<input type="submit" value="提交"/>
</form>

<script>
//點擊多選框切換text和password的隱藏和顯示
function xyPassword() {
$("#text").toggle();
$("#password").toggle();
}
//text框失去焦點把text框的值賦值給password框
function textBlur() {
$("#password").val($("#text").val());
}

//password框失去焦點把password框的值賦值給text框
function passwordBlur() {
$("#text").val($("#password").val());
}
</script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM