前端怎么把登录时输入的密码由......改成,并且在手机上可测
###用两个input,其中真实那个定位,改成透明,假的那个用来展示,内容就是真实内容替换为*
###第一种方法:
<input class="ipt" type="text">
<script src="./js/jquery-2.2.4.min.js"></script>
<script>
var str=""; //用于保存正确密码
$(".ipt").on("keyup",function() {
var val = this.value;
if (val.length > str.length) {
str+=val.substr(-1); //取最后一位(未变成*前的数字)保存到str
}
this.value = val.replace(/./g, "*") //将输入的值替换为*号
})
第二种方法:
点击按钮切换密码的显示或隐藏
<input class="ipt" type="text">
<button>按钮</button>
<script src="./js/jquery-2.2.4.min.js"></script>
<script>
var flag=1;
$("button").on("click",function() {
if(flag) {
$(".ipt").attr("type","password");
flag=0;
}else{
$(".ipt").attr("type","text");
flag=1;
}
})
</script>