黑马程序员html注册表案例

刚学html 给自己的学习留个底吧 沙发坐久了还能有个屁股印呢

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>青春不常在,抓紧谈恋爱</h3>

    <form action="">
        <table>
            <tr>
                <td>性别</td>
                <!-- checked用于确定刚打开页面时选择的数据为“男” -->
                <!-- radio单选按钮必须name一致实现多选一 -->
                <td><input type="radio" name="gender" value="男" id="man" checked="checked" /><label for="man">男</label>
                    <input type="radio" name="gender" value="女" id="woman" /><label for="woman">女</label></td>
            </tr>

            <tr>
                <td>生日</td>
                <td><select name="year" >
                        <option selected="selected">--请选择年--</option>
                        <option>2000年</option>
                        <option>2001年</option>
                        <option>2002年</option>
                        <option>2003年</option>
                        <option>2004年</option>
                        <option>2005年</option>
                        <option>2006年</option>
                        <option>2007年</option>
                        <option>2008年</option>
                        <option>2009年</option>
                        <option>2010年</option>
                        <option>2011年</option>
                        <option>2012年</option>
                        <option>2013年</option>
                        <option>2014年</option>
                        </select>

                        <select name="month">
                            <option selected="selected">--请选择月--</option>
                            <option>01月</option>
                            <option>02月</option>
                            <option>03月</option>
                            <option>04月</option>
                            <option>05月</option>
                            <option>06月</option>
                            <option>07月</option>
                            <option>08月</option>
                            <option>09月</option>
                            <option>10月</option>
                            <option>11月</option>
                            <option>12月</option>
                        </select>

                        <select name="day">
                            <option selected="selected">--请选择日--</option>
                            <option>01</option>
                            <option>02</option>
                            <option>03</option>
                            <option>04</option>
                            <option>05</option>
                            <option>06</option>
                            <option>07</option>
                            <option>08</option>
                            <option>09</option>
                            <option>10</option>
                            <option>11</option>
                            <option>12</option>
                            <option>13</option>
                            <option>14</option>
                            <option>15</option>
                            <option>16</option>
                            <option>17</option>
                            <option>18</option>
                            <option>19</option>
                            <option>20</option>
                            <option>21</option>
                            <option>22</option>
                            <option>23</option>
                            <option>24</option>
                            <option>25</option>
                            <option>26</option>
                            <option>27</option>
                            <option>28</option>
                            <option>29</option>
                            <option>30</option>
                            <option>31</option>
                        </select>
                    </select></td>
            </tr>
            
            <tr>
                <td>所在地区</td>
                <td><input type="text" name="area" value="北京思密达" /></td>
            </tr>

            <tr>
                <td>婚姻状况</td>
                <td>
                    <input type="radio" name="marrage" value="未婚" id="未婚id" checked="checked" /><label for="未婚id">未婚</label>
                    <input type="radio" name="marrage" value="已婚" id="已婚id"><label for="已婚id">已婚</label>
                    <input type="radio" name="marrage" value="离婚" id="离婚id"><label for="离婚id">离婚</label>
                </td>
            </tr>

            <tr>
                <td>学历</td>
                <td><input type="text" name="study" value="幼儿园"></td>
            </tr>

            <tr>
                <td>喜欢的类型</td>
                <td>
                    <input type="checkbox" name="like" value="妩媚的" id="妩媚的id"><label for="妩媚的id">妩媚的</label> <input type="checkbox" name="like" value="可爱的" id="可爱的id"><label for="可爱的id">可爱的</label> <input type="checkbox" name="like" value="小鲜肉" id="小鲜肉id"><label for="小鲜肉id">小鲜肉</label> <input type="checkbox" name="like" value="老腊肉" id="老腊肉id"><label for="老腊肉id">老腊肉</label> <input type="checkbox" name="like" value="都喜欢" id="都喜欢id"><label for="都喜欢id">都喜欢
                    </td></label>
            </tr>

            <tr>
                <td>自我介绍</td>
                <td><textarea name="introduction"  cols="20" rows="5">自我介绍</textarea></td>
            </tr>

            <tr>
                <td></td>
                <td><input type="submit" name="submit" value="免费注册"></td>
            </tr>

            <tr>
                <td></td>
                <td><input type="checkbox" name="agree" value="同意条款和标准" checked="checked" id="agreeid"><label for="agreeid">我同意注册条款和会员加入标准</label></td>
            </tr>

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

            <tr>
                <td></td>
                <td>
                    <h2>我承诺</h2>
                </td>
            </tr>

            <tr>
                <td></td>
                <td>
                    <ul>
                        <li>年满18岁、单身</li>
                        <li>抱着严肃的态度</li>
                        <li>真诚寻找另一半</li>
                    </ul>
                </td>
            </tr>
        </table>

    </form>
</body>
</html>

 

  • 9
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值