JavaWeb之商城项目（Day01）静态注册页面（框架+代码）

最新推荐文章于 2022-05-10 12:35:44 发布

程序彤

最新推荐文章于 2022-05-10 12:35:44 发布

阅读量1.2k

点赞数

分类专栏：商城项目文章标签： html js css

本文链接：https://blog.csdn.net/m0_47119598/article/details/109476511

版权

商城项目专栏收录该内容

17 篇文章 0 订阅

订阅专栏

regist.html

框架图

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
    <link rel="stylesheet" href="../../static/css/style.css">
    <script type="text/javascript" src="../../static/script/jquery-1.7.2.js"></script>
    <script>

    </script>
    <style type="text/css">
        .login_form{
            height: 420px;
            margin-top: 25px;
        }
    </style>
</head>
<body>
    <div id="login_header">
        <img class="logo_img" src="../../static/img/kb_logo_user.png" alt="">
    </div>
    <div class="login_banner">
        <div id="content">
            <div class="login_form">
                <div class="login_box">
                    <div class="tit">
                        <h1>注册卡宾会员</h1>
                        <span class="errorMsg"></span>
                    </div>
                    <div class="form">
                        <form action="http://localhost:8080">
                            <label>用户名称：</label>
                            <input class="itxt" type="text" placeholder="请输入用户名"
                            autocomplete="off" tabindex="1" name="username" id="username">
                            <br>
                            <br>
                            <label>用户密码：</label>
                            <input class="itxt" type="password" placeholder="请输入密码"
                            autocomplete="off" tabindex="1" name="password" id="password">
                            <br>
                            <br>
                            <label>确认密码：</label>
                            <input class="itxt" type="password" placeholder="请输入用户名"
                            autocomplete="off" tabindex="1" name="repwd" id="repwd">
                            <br>
                            <br>
                            <label>电子邮箱：</label>
                            <input class="itxt" type="text" placeholder="请输入邮箱地址"
                            autocomplete="off" tabindex="1" name="email" id="email">
                            <br>
                            <br>
                            <label>验证码：</label>
                            <input class="itxt" type="text" style="width: 150px;" id="code">
                            <img src="../../static/img/code.bmp" alt="" style="float: right;margin-right: 50px">
                            <br>
                            <br>
                            <input type="submit" value="注册" id="sub_btn">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="bottom">
        程序彤卡宾商城.Copyright &copy;2020.11.3
    </div>
</body>
</html>

注册成功跳转页面regist_success.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册成功</title>
    <link rel="stylesheet" href="../../static/css/style.css">
</head>
<body>
    <div id="header">

    </div>
    <div id="main">
        <h1>注册成功！<a href="">跳转到？</a></h1>
    </div>
    <div id="bottom">
        <span>
            卡宾商城.Copyright &copy;2020.11.9
        </span>
    </div>

</body>
</html>