欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-24 23:52:22
...

regist.html

框架图

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

代码

<!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>