master

分支 (1)

管理

管理

master

frontend_teaching_project
/
registry.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册表</title>
    <link rel="stylesheet" href="css/page-registry.css">
</head>
<body>
    <section>
        <h1>欢迎来到颓颓电影</h1>
        <h2>用户注册</h2>
        <fieldset>
            <form action="#" method="post">
                <table>
                    <tbody>
                        <tr>
                            <td>
                                <label for="name">用户名：</label>
                            </td>
                            <td>
                                <input type="text" name="name" id="name">
                            </td>
                            <td>
                                <div class="error_img ok"></div>
                                <div class="error_msg">
                                    <span class="okMessage">用户名未重复</span>
                                </div>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="password">密码：</label>
                            </td>
                            <td>
                                <input type="password" name="password" id="password">
                            </td>
                            <td>
                                <div class="error_img error"></div>
                                <div class="error_msg">
                                    <span class="errorMessage">密码格式错误</span>
                                </div>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="password1">确认密码：</label>
                            </td>
                            <td>
                                <input type="password" name="password1" id="password1">
                            </td>
                            <td>
                                <div class="error_img "></div>
                                <div class="error_msg"></div>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="email">邮箱：</label>
                            </td>
                            <td>
                                <input type="email" name="email" id="email">
                            </td>
                            <td>
                                <div class="error_img "></div>
                                <div class="error_msg"></div>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="number">绑定手机号：</label>
                            </td>
                            <td>
                                <input type="text" name="number" id="number">
                            </td>
                            <td>
                                <div class="error_img "></div>
                                <div class="error_msg"></div>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                性别：
                            </td>
                            <td colspan="2">
                                <input type="radio" name="sex" id="1"  checked="checked" value="1"><label for="number"  checked="checked">男</label>&nbsp;&nbsp;&nbsp;
                                <input type="radio" name="sex" id="0" value="0"><label for="number">女</label>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                喜爱类型：
                            </td>
                            <td colspan="2">
                                <input type="checkbox" name="hobby" id="h1" value=""><label for="h1">文艺</label>&nbsp;
                                <input type="checkbox" name="hobby" id="h2" ><label for="h2">商业</label>&nbsp;
                                <input type="checkbox" name="hobby" id="h3" ><label for="h3">纪录</label>&nbsp;
                                <input type="checkbox" name="hobby" id="h4" ><label for="h4">科学</label>
                            </td>
                            <td>
                                <div class="error_img "></div>
                                <div class="error_msg"></div>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label >所在地：</label>
                            </td>
                            <td colspan="2">
                                <select id="province">
                                    <optgroup label="省份">
                                        <option value="cl">山东</option>
                                        <option value="ms" selected="selected">江苏</option>
                                        <option value="slh">浙江</option>
                                    </optgroup>
                                </select>&nbsp;
                                <select id="city">
                                    <optgroup label="城市">
                                    <option value="cl"泰安</option>
                                    <option value="ms" selected="selected">苏州</option>
                                    <option value="slh">杭州</option>
                                </optgroup></select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label >出生日期：</label>
                            </td>
                            <td colspan="2">
                                <input type="date" name="birthday">
                            </td>
                        </tr>
                        <tr>
                            <td>头像：</td>
                            <td colspan="2">
                                <input type="file" name="photo" accept="image/*">
                            </td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="3" class="button">
                                <button type="submit">提交</button>&nbsp;&nbsp;&nbsp;&nbsp;
                                <button type="reset">重置</button>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </form>
        </fieldset>
    </section>
</body>
</html>