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 @   好(justice)……  阅读(190)  评论(0)  编辑  收藏  举报
相关博文：
·  HTML5 Web SQL 数据库
·  实验三 PHP 表单交互2
·  不连接数据库的网页登陆
·  登录页面.html
·  静态页面_登录页面
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
AI IDE Trae