web2

html未连接数据库，如果符合条件直接登入成功

login.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>登陆界面</title>

<style type="text/css">
body {
    background: url(images/login.jpg);
    background-size: 1250px 800px;
}

div {
    margin-top: 190px;
    margin-left: 190px;
}



.submitButton {
    font-size: 15px;
    color: #844200;
    text-shadow: 0 0 2px #000;
    margin-left: 85px;
    text-align: center;
    background-color: transparent;
    border-color: #844200;
    border-width: 1px;
}

.i {
    background-color: transparent;
    border-color: #844200;
    border-width: 1px;
}
</style>

</head>
<script>
    function check() {
        var name = document.getElementById("name").value;
        var pass = document.getElementById("pass").value;
        if (name == pass) {
            alert("登入成功");
            window.document.f.action = "index1.html";
            window.document.f.submit();
        } else {
            alert("用户名或密码错误");
        }
    }
</script>
<div style="text-align: center">
    <form name="f" action="" style="color: white">
        用户名:<INPUT TYPE="text" NAME="" id="name">
        <br> 
        密码:<INPUT TYPE="password" NAME="" id="pass">
        <br>
             <INPUT TYPE="button" value="登录" onclick="check()">

    </form>
</div>
</body>



</html>

 

posted @ 2022-05-12 22:35  好(justice)……  阅读(186)  评论(0)  编辑  收藏  举报