今天做项目遇到一个问题,有一个input框,一开始是password框,输入密码之后鼠标移动到其他位置,password框变为label,于是在网上找了一种方法
1.jquery解决方式$("#id").attr("type","text");
但是这种方式在ie下又不支持,input的type属性是只读的,没办法动态修改,所以就想到了下面的方法。
2.两种输入框,通过显示和隐藏来实现
'<input type="password" id="id" name="name" οnblur="passwordcheck()" οnclick="ChangeTopassword()">'
'<label type="text" id="id2" name="name2" style="display:none" οnclick="ChangeTopassword()"></label>
$('#id')[0].style.display="none";
$('#id2')[0].style.display="";
$('#id2').text(value); //label赋值方式 这三句是主要代码,取到代码部分自己加进去
function ChangeTopassword() { var name=document.getElementById('name').value; if (name!= null && name!= "") { $('#id')[0].style.display=""; $('#id2')[0].style.display="none"; $('#name').val(""); $("#id").focus(); } }
ps:文章没什么技术含量,只是想记录下来作为自己成长的印记,每天进步一点