vlambda博客
学习文章列表

前端开发(综合案例)



<!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>Document</title>

</head>


<body>

    <h4>青春不常在,抓紧谈恋爱</h4>

    <table width="600">

        <tr>

            <td>性别:</td>

            <td>

                <input type="radio" name="sex" id="nan" checked="checked"><label for="nan"> <img src="image/nan.png" alt="" height="20"></label>

                <input type="radio" name="sex" id="nv"><label for="nv"> <img src="image/nv.png" alt="" height="20"></label>

            </td>

        </tr>

        <tr>

            <td>生日:</td>

            <td>

                <select name="" id="">

                    <option value="">请选择年份</option>

                    <option value="">2001</option>

                    <option value="">2002</option>

                    <option value="">2003</option>

                </select>

                <select name="" id="">

                    <option value="">请选择月份</option>

                    <option value="">1</option>

                    <option value="">2</option>

                    <option value="">3</option>

                </select>

                <select name="" id="">

                    <option value="">请选择日份</option>

                    <option value="">1</option>

                    <option value="">2</option>

                    <option value="">3</option>

                </select>

            </td>

        </tr>

        <tr>

            <td>所在地区:</td>

            <td><input type="text" value="北京"></td>

        </tr>

        <tr>

            <td>婚姻状况:</td>

            <td>

                <input type="radio" name="marry" id="weihun" checked="checked"><label for="weihun">未婚</label>

                <input type="radio" name="marry" id="yihun"><label for="yihun">已婚</label>

                <input type="radio" name="marry" id="liyi"><label for="liyi">离异</label>

            </td>

        </tr>

        <tr>

            <td>学历:</td>

            <td><input type="text" value="幼儿园"></td>

        </tr>

        <tr>

            <td>喜欢的类型:</td>

            <td>

                <input type="checkbox" name="love">妩媚的

                <input type="checkbox" name="love">小鲜肉

                <input type="checkbox" name="love">老腊肉

                <input type="checkbox" name="love" checked="checked">都喜欢

            </td>

        </tr>

        <tr>

            <td>个人介绍</td>

            <td>

                <textarea name="" id="" cols="30" rows="3">个人简介</textarea>

            </td>

        </tr>

        <tr>

            <td></td>

            <td>

                <input type="submit" value="免费注册">

            </td>

        </tr>

        <tr>

            <td></td>

            <td>

                <input type="checkbox" checked="checked" id="tiaokuan"><label for="tiaokuan">我同意注册条款加入标准</label>

            </td>

        </tr>

        <tr>

            <td></td>

            <td>

                <a href="https://www.baidu.com/" target="_blank">我是会员,立即登录</a>

            </td>

        </tr>

        <tr>

            <td></td>

            <td>

                <h4>我承诺</h4>

                <ul>

                    <li>年满18周岁</li>

                    <li>抱着严肃的态度</li>

                    <li>真诚寻找另一半</li>

                </ul>

            </td>

        </tr>

    </table>

</body>


</html>