查看隐藏密码功能

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>查看隐藏密码功能</title>
<script type="text/javascript">
function showpass() {
if (document.myform.pass.type == "password") {
document.getElementById("box").innerHTML="<input type=\"text\" name=\"pass\" id=\"pass\" value="+document.getElementById('pass').value+">";
document.getElementById("msg").innerHTML="<a href=\"javascript:showpass()\">查看密码</a>";
}else {
if (document.myform.pass.type == "text") {
document.getElementById("box").innerHTML="<input type=\"password\" name=\"pass\" id=\"pass\" value="+document.getElementById('pass').value+">";
document.getElementById("msg").innerHTML="<a href=\"javascript:showpass()\">隐藏密码</a>";
}
}
}

//查看/隐藏密码功能
// function showpass()
// {
// //判断文本框的type类型 如果是密码框需要修改成普通的文本框,反之成立
// if(document.myform.pass.type == 'password')
// {
// //获取id元素
// document.getElementById("box").innerHTML = "<input type=\"text\" name=\"pass\" id=\"pass\" value="+document.getElementById('pass').value+">";
// document.getElementById("msg").innerHTML ="<a href=\"javascript:showpass()\">隐藏密码</a>";
// }
// else
// {
// if(document.myform.pass.type == 'text')
// {
// //获取id元素
// document.getElementById("box").innerHTML = "<input type=\"password\" name=\"pass\" id=\"pass\" value="+document.getElementById('pass').value+">";
// document.getElementById("msg").innerHTML ="<a href=\"javascript:showpass()\">查看密码</a>";
// }
// }
// }
</script>
</head>
<body>
<form action="#" method="post" name="myform" >
<span id="box"><input type="password" name="pass" id="pass" /></span>
<span id="msg"><a href="javascript:showpass()">查看密码</a></span>
</form>
</body>
</html>
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭