<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<style>
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#eyes").click(function(){
if($("#pass").attr("type")=="text"){
$("#pass").attr("type","password");
$("#eyes img").css("opacity",0.5)
}
else{
$("#pass").attr("type","text");
$("#eyes img").css("opacity",1)
}
});
});
</script>
</head>
<body>
<div class="big">
<input class="input_tp" data-role = "none" id="pass" value="" type="password" name="pass1" placeholder="请输入密码:"/>
<a id="eyes" class="tubiao" title="点击隐藏或显示密码"><img src="../img/eye-black.png"/></a>
</div>
</body>
</html>
jq给密码框加小眼睛,点击眼睛可以看到密码
于 2020-03-13 09:29:14 首次发布