今天講述的是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>
