Input框 type 类型 password 转换为label 的方法

来源：互联网发布：安卓修改mac地址软件编辑：程序博客网时间：2024/04/30 09:38

今天做项目遇到一个问题，有一个input框，一开始是password框，输入密码之后鼠标移动到其他位置，password框变为label,于是在网上找了一种方法

1.jquery解决方式$("#id").attr("type","text");

但是这种方式在ie下又不支持，input的type属性是只读的，没办法动态修改，所以就想到了下面的方法。

2.两种输入框，通过显示和隐藏来实现

'<input type="password" id="id" name="name" onblur="passwordcheck()" onclick="ChangeTopassword()">'
'<label type="text" id="id2" name="name2" style="display:none" onclick="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:文章没什么技术含量，只是想记录下来作为自己成长的印记，每天进步一点

0 0