html征婚恋爱注册登录页_前端征婚网注册-CSDN博客

这是一个使用HTML编写的恋爱交友注册页面，包括性别选择（男/女）、生日（年/月/日）选择、所在地区输入、婚姻状况（未婚/已婚/离婚）选择、学历选择（从幼儿园到研究生）、喜欢的类型（如青春、可爱等）多选以及自我介绍的文本区域，还包含注册提交按钮、会员条款确认和登录链接。

html学习第一个注册页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面综合案例</title>
</head>
<body>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <table width="500">
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="sex" id="nan"/> <label for="nan"><img src="./素材图片/nan.png" />  男</label>
                <input type="radio" name="sex" id="nv"/> <label for="nv"><img src="./素材图片/nv.png" />  女</label>
            </td>
        </tr>
        <tr>
            <td>生日</td>
            <td>
                <select>
                    <option selected="selected">--请选择年--</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                </select>


                <select>
                    <option selected="selected">--请选择月--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>


                <select>
                    <option selected="selected">--请选择日--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>所在地区</td>
            <td>
                <input type="text" />
            </td>
        </tr>
        <tr>
            <td>婚姻情况</td>
            <td>
                <input type="radio" name="marriage" id="weihun" /> <label for="weihun">未婚</label>
                <input type="radio" name="marriage" id="yihun" /> <label for="yihun">已婚</label>
                <input type="radio" name="marriage" id="lihun" /> <label for="lihun">离婚</label>
            </td>
        </tr>
        <tr>
            <td>学历</td>
            <td>
                <select>
                    <option selected="selected">--请选择学历--</option>
                    <option>幼儿园</option>
                    <option>初中</option>
                    <option>高中</option>
                    <option>专科</option>
                    <option>本科</option>
                    <option>研究生</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox" name="like" id="qinchun" /> <label for="qinchun"> 青春</label>
                <input type="checkbox" name="like" id="keai" /> <label for="keai"> 可爱</label>
                <input type="checkbox" name="like" id="xiao" /> <label for="xiao"> 小鲜肉</label>
                <input type="checkbox" name="like" id="qingxiu" /> <label for="qingxiu"> 清秀</label>
            </td>
        </tr>
        <tr>
            <td>自我介绍</td>
            <td>
                <form>
                    <textarea>
                        自我介绍
                    </textarea>
                </form>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册" />
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="checkbox" value="我同意注册条框和加入会员的标准" checked="checked"/>我同意注册条框和加入会员的标准
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员，立即登录</a>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h4>我承诺！</h4>
           <ul>
                    <li>年满18且单身</li>
                    <li>以真心换真心</li>
                    <li>真诚渴求恋爱</li>
            </ul>
            </td>
        </tr>
    </table>

</body>
</html>