通过HTML代码实现以下功能?(浏览器读取代码之后弹出账号和密码的输入框,需要输入密码才能看后面的
发布网友
发布时间:2022-04-26 17:54
我来回答
共1个回答
热心网友
时间:2023-10-19 06:39
只有功能 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"><br>
密码:<input id='pwd' type="text"><br>
<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>
追问不行