综合案例

 

<!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>

相关推荐

  1. 系统服务综合案例

    2023-12-13 07:58:05       24 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-13 07:58:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-13 07:58:05       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-13 07:58:05       82 阅读
  4. Python语言-面向对象

    2023-12-13 07:58:05       91 阅读

热门阅读

  1. 22222222222222222

    2023-12-13 07:58:05       40 阅读
  2. 华纳云:Ubuntu怎么安装并使用Docker

    2023-12-13 07:58:05       55 阅读
  3. 研发管理的挑战、本原与方案

    2023-12-13 07:58:05       69 阅读
  4. RISC-V 流水线 CPU 设计 Verilog

    2023-12-13 07:58:05       43 阅读
  5. Web5:互联网发展的下一个前沿

    2023-12-13 07:58:05       57 阅读
  6. Python 小程序之数字炸弹小游戏

    2023-12-13 07:58:05       61 阅读