只有功能 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
>