jquery显示隐藏密码跟显示密码

今天讲述的是html5中input的password密码的加密与显示

都知道input标签加上password输入密码显示的都是原点.......怎么点一个按钮让他显示回来明文数字1234567

上代码（使用时引入jquery）

<form >
<input type="password" name="password" id="password" οnblur="passwordBlur()"/>
<input type="text" id="text" style="display:none" οnblur="textBlur()"/>
<input type="checkbox" οnclick="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>

 

转载于:https://www.cnblogs.com/li-sir/p/7158806.html