综合案例

2023-12-13 08:54:13

?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <table width="500">
        <!-- 第一行 -->
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" id="nan"> <label for="nan">男</label>
            <input type="radio" name="sex" id="nv"> <label for="nv">女</label>
            </td>
        </tr>
        <!-- 第二行 -->
        <tr>
            <td>生日：</td>
            <td>
                <select name="" id=""> 
                    <option value="">请选择年份</option>
                <option value="">2000</option>
                <option value="">2001</option>
            </select>
            <select name="" id="">
                <option value="">请选择月份</option>
                <option value="">1</option>
                <option value="">2</option>
                <option value="">3</option>
                <option value="">4</option>
                <option value="">5</option>
                <option value="">6</option>
                <option value="">7</option>
                <option value="">8</option>
                <option value="">9</option>
                <option value="">10</option>
                <option value="">11</option>
                <option value="">12</option>
            </select>
            <select name="" id="">
                <option value="">请选择日期</option>
                <option value="">1</option>
                <option value="">2</option>
                <option value="">3</option>
                <option value="">4</option>
                <option value="">5</option>
                <option value="">6</option>
                <option value="">7</option>
                <option value="">8</option>
            </select>
        </td>
        </tr>
        <!-- 第三行 -->
        <tr>
            <td>所在地区：</td>
            <td><input type="text"></td>
        </tr>
        <!-- 第四行 -->
        <tr>
            <td>
                婚姻状况 
            </td>
            <td>
                <input type="radio" name="hy" id="weihun"><label for="weihun">未婚</label>
                <input type="radio" name="hy" id="yihun"><label for="yihun">已婚</label>
                <input type="radio" name="hy" id="lihun"><label for="lihun">离婚</label>
            </td>
        </tr>
        <!-- 第五行 -->
        <tr>
            <td>
                学历
            </td>
            <td>
                <input type="text">
            </td>
        </tr>
        <!-- 第六行 -->
        <tr>
            <td>
                喜欢的类型
            </td>
            <td>
                <input type="radio" name="lx" id="wmd"><label for="wmd">妩媚的</label>
                <input type="radio" name="lx" id="kad"><label for="kad">可爱的</label>
                <input type="radio" name="lx" id="xxr"><label for="xxr">小鲜肉</label>
                <input type="radio" name="lx" id="llr"><label for="llr">老腊肉</label>
                <input type="radio" name="lx" id="dxh"><label for="dxh">都喜欢</label>
            </td>
        </tr>
        <!-- 第七行 -->
        <tr>
            <td>
                自我介绍
            </td>
            <td>
                <textarea name="" id="" cols="20" rows="2">自我介绍
                </textarea><br>
            </td>
        </tr>
        <!-- 第八行 -->
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <!-- 第九行 -->
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked">我同意注册条款和会员加入标准
            </td>
        </tr>
        <!-- 第十行 -->
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员，立即登录</a>
            </td>
        </tr>
        <!-- 第十一行 -->
        <tr>
            <td></td>
            <td>
                <h3>我承诺</h3>
                <ul>
                    <li>年满18岁</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
        </tr>
    </table>
       
</body>
</html>

文章来源:https://blog.csdn.net/2301_80099706/article/details/134957677
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。