1018作业——注册表单

注册表单demo

---

<!-- 画一个用户注册的框 -->

<center >
    <fieldset style="width: 40%; ">
        <legend><H2>用户注册</H2></legend>
            <div class="register" style=" width:50%; " >
                <form action="register.php" method="post" nctype="application/x-www-form-urlencoded" target="_blank" id="register">
                    <!-- 用户名 -->
                    <div class="username">
                        <label for="uname">姓名： </label>
                            <input type="text" id="uname" name="username" placeholder="请输入用户名" maxlength="20" required ><span style="color:red" >*</span>
                    </div>
                    <!-- 密码 -->
                    <div class="password">
                        <label for="psw">密码：</label>
                            <input type="password" id="psw" name="password" placeholder="请输入密码" min="6" max="16" required><span style="color:red" >*</span>
                    </div>
                    <!-- 确认密码 -->
                    <div class="repwd"></label>
                        <label for="repassword">确认密码:</label>
                        <input type="password" id="repassword" name="password" placeholder="请再次输入密码" min="6" max="16" required><span style="color:red" >*</span>
                    </div>
                    <!-- 手机号码 -->
                    <div class="phone"></label>
                        <label for="phone">手机号码:
                            <input type="number" id="phone" value="" name="phone" placeholder="请输入手机号" min="6" max="13" style="width: 165px;">
                    </div>
                    <!-- 出生日期 -->
                    <div class="shengri">
                        <label for="shengri">出生日期：</label>
                        <input type="date" name="shengri" value="2022-10-18" id="shengri" style="width: 160px;" />
                    </div>
                    <!-- 邮箱 -->
                    <div class="email">
                        <label for="imail">邮箱：</label>
                            <input type="email" id="email" value="" name="email" placeholder="user@email.com">
                    </div>
                    <!-- 性别 -->
                    <div class="sex">
                        <label for="secret">性别：</label>
                        <input type="radio" name="sex" value="man" id="man"><label for="man">男</label>
                        <input type="radio" name="sex" value="women" id="women" ><label for="women">女</label>
                        <input type="radio" name="sex" value="secret" id="secret" checked><label for="secret">保密</label>
                    </div>
                    <!-- 个别简介 -->
                    <div class="jianjie">
                        <label for="jianjie">个人简介：</label>
                        <textarea name="jianjie" id="jianjie" cols="30" rows="10"></textarea>
                    </div>
                    <!-- 提交 -->
                    <button type="submit">注册</button>
                    <button type="button">取消</button>
                </form>
            </div>
    </fieldset>
</center>

```

实现效果如下图：