第一次实践-注册页面 2025年5月19日

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
</head>

<body>
    <from action="xxx.html" method="get" name="工作注册">
        <h3>青春不常在,抓紧去提升!</h3>
        <table>
            <!-- 第1行 -->
            <tr>
                <td>性别</td>
                <td>
                    <input type="radio" name="sex" value="女" id="sex1"><label for="sex1">女</label>
                    <input type="radio" name="sex" value="男" id="sex2"><label for="sex2">男</label>
                </td>
            </tr>
            <!-- 第2行 -->
            <tr>
                <td>生日</td>
                <td>
                    <!-- <input type="date"> -->
                    <select value="year" name="请选择年">
                        <option selected>--请选择年--</option>
                        <option>1990年</option>
                        <option>1991年</option>
                        <option>1992年</option>
                        <option>1993年</option>
                        <option>1994年</option>
                        <option>1995年</option>
                        <option>1996年</option>
                        <option>1997年</option>
                        <option>1998年</option>
                        <option>1999年</option>
                        <option>2000年</option>
                        <option>2001年</option>
                        <option>2002年</option>
                        <option>2003年</option>
                        <option>2004年</option>
                        <option>2005年</option>
                    </select>
                    <select value="month">
                        <option selected>--请选择月--</option>
                        <option>1月</option>
                        <option>2月</option>
                        <option>3月</option>
                        <option>4月</option>
                        <option>5月</option>
                        <option>6月</option>
                        <option>7月</option>
                        <option>8月</option>
                        <option>9月</option>
                        <option>10月</option>
                        <option>11月</option>
                        <option>12月</option>
                    </select>
                    <select value="day">
                        <option selected>--请选择日--</option>
                        <option>1日</option>
                        <option>2日</option>
                        <option>3日</option>
                        <option>4日</option>
                        <option>5日</option>
                        <option>6日</option>
                        <option>7日</option>
                        <option>8日</option>
                        <option>9日</option>
                        <option>10日</option>
                        <option>11日</option>
                        <option>12日</option>
                        <option>13日</option>
                        <option>14日</option>
                        <option>15日</option>
                        <option>16日</option>
                        <option>17日</option>
                        <option>18日</option>
                        <option>19日</option>
                        <option>20日</option>
                        <option>21日</option>
                        <option>22日</option>
                        <option>23日</option>
                        <option>24日</option>
                        <option>25日</option>
                        <option>26日</option>
                        <option>27日</option>
                        <option>28日</option>
                        <option>29日</option>
                        <option>30日</option>
                    </select>
                </td>
            </tr>
            <!-- 第3行 -->
            <tr>
                <td>所在地区</td>
                <td>
                    <input type="text" value="目前所在地区">
                </td>
            </tr>
            <!-- 第4行 -->
            <tr>
                <td>工作情况</td>
                <td>
                    <input type="radio" name="gongzuoqingkuang" value="应届,第一次找工作" id="11"><label
                        for="11">应届,第一次找工作</label>
                    <input type="radio" name="gongzuoqingkuang" value="往届,第一次找工作" id="12"><label
                        for="12">往届,第一次找工作</label>
                    <input type="radio" name="gongzuoqingkuang" value="往届,有工作经验,正在找工作" id="13"><label
                        for="13">往届,有工作经验,正在找工作</label>
                </td>
            </tr>
            <!-- 第5行 -->
            <tr>
                <td>学历</td>
                <td><input type="text" value="学历"></td>
            </tr>
            <!-- 第6行 -->
            <tr>
                <td>想去的工作城市</td>
                <td>
                    <input type="checkbox" name="目标城市" value="北京" id="21"><label for="21">北京</label>
                    <input type="checkbox" name="目标城市" value="上海" id="22"><label for="22">上海</label>
                    <input type="checkbox" name="目标城市" value="广州" id="23"><label for="23">广州</label>
                    <input type="checkbox" name="目标城市" value="深圳" id="24"><label for="24">深圳</label>
                    <input type="checkbox" name="目标城市" value="杭州" id="25"><label for="25">杭州</label>
                    <input type="checkbox" name="目标城市" value="厦门" id="26"><label for="26">厦门</label>
                </td>
            </tr>
            <!-- 第7行 -->
            <tr>
                <td>自我介绍</td>
                <td>
                    <textarea>自我介绍</textarea>
                </td>
            </tr>
            <!-- 第8行 -->
            <tr>
                <td>

                </td>
                <td>
                    <input type="submit" value="免费注册"><br>
                    <input type="checkbox" checked value="同意注册条款" id="31"><label for="31">我同意注册条款和会员加入标准</label><br>
                    <a href="#">我是会员,立即登录</a>
                    <h3>我承诺</h3>
                    <ul>
                        <li>年满16周岁</li>
                        <li>抱着严肃的态度</li>
                        <li>技能已经学习完备</li>
                    </ul>

                </td>
            </tr>
        </table>
    </from>
</body>

</html>

注意最后的免费注册按钮是`submit`属性

成果展示

image

posted @ 2025-05-19 15:45  岑素月  阅读(9)  评论(0)    收藏  举报