求网站高手！图片右上角眼睛，点击睁眼闭眼，睁眼显示数字，闭眼隐藏数字； 用css，js代码写出动态 拜谢
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var btn = document.querySelector('button');
var input = document.querySelector('#display');
btn.onclick = function(e){
var text = e.target.innerHTML;
if( text ==='显示'){
input.type = 'password';
e.target.innerHTML ='隐藏';
}else if(text ==='隐藏'){
input.type ='text';
e.target.innerHTML='显示';
}
}
}
</script>
</head>
<body>
<div class="container">
<p> <label for="display"><b>账户兰大宝余额</b><i class="eye-open"></i> </label></p>
<p><input type="text" id="display"/>元</p>
<p><button>显示</button></p>
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
