密码的显示与隐藏（js）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.box {
width: 400px;
border-bottom: 1px solid #ccc;
margin: 100px auto;
position: relative;
}
.box input {
width: 370px;
height: 30px;
border: 0;
outline: none;
}
.box img {
position: absolute;
top: 2px;
right: 2px;
width: 24px;
}
</style>
</head>
<body>
<div class="box">
<label><img src="../apiimg/闭眼.png" id="eye" alt=""></label>
<input type="password" id="pwd" name="" />
</div>
<script type="text/javascript">
//获取元素
var eye = document.getElementById(eye);
var pwd = document.getElementById(pwd);
//注册事件 程序处理
var flag = 0;
eye.onclick = function() {
// 点击一下flag变化
if (flag == 0) {
pwd.type = text;
eye.src = ../apiimg/眼睛.png;
flag = 1; //赋值
} else {
pwd.type = password;
eye.src = ../apiimg/闭眼.png;
flag = 0;
}
}
</script>
</body>
</html>
上一篇：
通过多线程提高代码的执行效率例子
下一篇：
桂林老兵的SQLSERVER高级注入技巧