练习:注册页面

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

<!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>注册页面1</title>
</head>

<body>
    <h4>青春不常在,抓紧谈恋爱</h4>
    <!-- 表单域 -->
    <form action="#" method="get" name="formusername">
        <table width="600" border="0">
            <!-- 第一行 -->
            <tr>
                <td>性别:</td>
                <td><input type="radio" name="sex" value="nan" checked="checked" id="nan"><label for="nan"><img src="images/man.png" /></label>
                    <input type="radio" name="sex" value="nv" id="nv"><label for="nv"><img src="images/woman.png" /></label>
                </td>
            </tr>
            <!-- 第二行 -->
            <tr>
                <td>生日:</td>
                <td>
                    <select name="nian">
                        <option>--请选择年--</option>
                        <option>1995</option>
                        <option>1996</option>
                        <option>1997</option>
                        <option>1998</option>
                        <option>1999</option>
                    </select>
                    <select name="yue">
                        <option>--请选择月--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                    <select name="ri">
                        <option>--请选择日--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </td>
            </tr>
            <!-- 第三行 -->
            <tr>
                <td><label for="diqu">所在地区:</label></td>
                <td><input type="text" name="diqu" value="北京思密达" id="diqu"></td>
            </tr>
            <!-- 第四行 -->
            <tr>
                <td>婚姻状况:</td>
                <td>
                    <input type="radio" name="marry" value="weihun" checked="checked" id="weihun"><label for="weihun">未婚 </label>
                    <input type="radio" name="marry" value="yihun" id="yihun"><label for="yihun">已婚</label>
                    <input type="radio" name="marry" value="lihun" id="lihun"><label for="lihun">离婚</label>
                </td>
            </tr>
            <!-- 第五行 -->
            <tr>
                <td><label for="xueli">学历:</label></td>
                <td><input type="text" name="xueli" value="幼儿园" id="xueli"></td>
            </tr>
            <!-- 第六行 -->
            <tr>
                <td>喜欢的类型:</td>
                <td>
                    <input type="checkbox" name="love" value="wumei" id="wumei"><label for="wumei">妩媚的</label>&nbsp;
                    <input type="checkbox" name="love" value="keai" id="keai"><label for="keai">可爱的</label>&nbsp;
                    <input type="checkbox" name="love" value="xiaoxianrou" id="xiaoxianrou"><label for="xiaoxianrou">小鲜肉</label>&nbsp;
                    <input type="checkbox" name="love" value="laolarou" id="laolarou"><label for="laolarou">老腊肉</label>&nbsp;
                    <input type="checkbox" name="love" value="duxihuan" id="duxihuan"><label for="duxihuan">都喜欢</label>
                </td>
            </tr>
            <!-- 第七行 -->
            <tr>
                <td><label for="ziwojieshao">自我介绍:</label></td>
                <td>
                    <textarea id="ziwojieshao" name="ziwojieshao">自我介绍</textarea>
                </td>
            </tr>
            <!-- 第八行 -->
            <tr>
                <td></td>
                <td>
                    <input type="submit" value="免费注册">
                </td>
            </tr>
            <!-- 第九行 -->
            <tr>
                <td></td>
                <td><input type="checkbox" name="tongyi" value="tongyi" checked="checked" id="tongyi"><label for="tongyi">我同意注册条款和会员加入标</label></td>
            </tr>
            <!-- 第十行 -->
            <tr>
                <td></td>
                <td><a href="#" target="_blank">我是会员,立即登录</a></td>
            </tr>
            <!-- 第十一行 -->
            <tr>
                <td></td>
                <td>
                    <h3>我承诺</h3>
                    <ul>
                        <li>年满18岁、单身</li>
                        <li>抱着严肃的态度</li>
                        <li>真诚寻找另一半</li>
                    </ul>
                </td>
            </tr>
        </table>
    </form>
</body>

</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值