通过HTML代码实现以下功能?(浏览器读取代码之后弹出账号和密码的输入框,需要输入密码才能看后面的)

只有功能 abc\abc   xyz\xyz  两组用户密码 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="box">
<div id='con' style="display:none">
你看不见我 
</div>
<div id='login' style="display:block">
用户:<input id='user' type="text">
密码:<input id='pwd' type="text">
<input type="button" value="Show" onclick="ck()">
</div>
</div>
</body>
<script>
function ck () {
user=document.getElementById('user').value;
pwd=document.getElementById('user').value;
con=document.getElementById('con');
login=document.getElementById('login');
if(user=='abc' && pwd=='abc'){
con.style.display='block';
login.style.display='none';
}
if(user=='xyz' && pwd=='xyz'){
con.style.display='block';
login.style.display='none';
}
}
</script>
</html>

 

相关推荐

网友评论(0)