register.html 2.3 KB
Newer Older
J
jackfrued 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <style>
        #container {
            width: 400px;
            margin: 0 auto;
        }
        .input, form+a {
            margin: 20px 20px;
            width: 250px;
        }
        .input>label {
            display: inline-block;
            width: 80px;
            text-align: right;
        }
        .input:last-child {
            text-align: center;
        }
        input[type=text], input[type=password] {
            outline: none;
        }
        input[type=submit], input[type=reset] {
            width: 60px;
        }
        form+a {
            text-decoration: none;
            color: blue;
        }
        .hint {
            margin-left: 20px;
            color: red;
            font-size: 0.8em;
            height: 20px;
        }
        .mobile {
            width: 300px;
        }
        .photo {
            width: 350px;
        }
        .preview {
            margin: 10px 50px;
        }
        .intro {
            width: 720px;
        }
    </style>
</head>
<body>
    <div id="container">
        <h1>用户注册</h1>
        <hr>
        <form action="" method="post">
            <div class="input">
                <label>用户名:</label>
                <input type="text" name="username" required minlength="4" maxlength="20">
            </div>
            <div class="input">
                <label>密码:</label>
                <input type="password" name="password">
            </div>
            <div class="input">
                <label>确认密码:</label>
                <input type="password" name="repassword">
            </div>
            <div class="input mobile">
                <label>手机号:</label>
                <input type="tel" name="tel">
                <input type="button" id="sendBtn" value="发送验证码">
            </div>
            <div class="input">
                <label>验证码:</label>
                <input type="text" name="mobilecode">
            </div>
            <div class="input">
                <input type="submit" value="注册">
                <input type="reset" value="重置">
            </div>
        </form>
        <a href="login.html">返回登录</a>
    </div>
</body>
</html>