HTML写的注册页面

港控/mmm° 2023-07-02 05:29 112阅读 0赞 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>注册页面</title>
  8. </head>
  9. <body>
  10.     <h4>青春不常在，抓紧谈恋爱</h4>
  11.     <table width="500">
  12.         <!-- 第一行 -->
  13.         <tr>
  14.             <td>性别：</td>
  15.             <td>
  16.                 <input type="radio" name="sex" id="nan"><label for="nan"><img src="images/nan.jpg">男</label>
  17.                 <input type="radio"name="sex" id="nv"><label for="nv"><img src="images/nv.jpg">女</label>
  18.             </td>
  19.         </tr>
  20.         <!-- 第二行 -->
  21.         <tr>
  22.             <td>生日</td>
  23.             <td>
  24.                 <select>
  25.                     <option>--请选择年份--</option>
  26.                     <option>2001</option>
  27.                     <option>2002</option>
  28.                     <option>2003</option>
  30.                 </select>
  32.                 <select>
  33.                     <option>--请选择月份--</option>
  34.                     <option>1</option>
  35.                     <option>2</option>
  36.                     <option>3</option>
  37.                     <option>4</option>
  38.                     <option>5</option>
  39.                     <option>6</option>
  40.                     <option>7</option>
  41.                     <option>8</option>
  42.                     <option>9</option>
  43.                     <option>10</option>
  44.                     <option>11</option>
  45.                     <option>12</option>
  46.                 </select>
  48.                 <select>
  49.                     <option>--请选择日--</option>
  50.                     <option>1</option>
  51.                     <option>2</option>
  52.                     <option>3</option>
  53.                     <option>4</option>
  54.                     <option>5</option>
  55.                     <option>6</option>
  56.                     <option>7</option>
  57.                     <option>8</option>
  58.                     <option>9</option>
  59.                     <option>10</option>
  60.                     <option>11</option>
  61.                     <option>12</option>
  62.                     <option>13</option>
  63.                     <option>14</option>
  64.                     <option>15</option>
  65.                     <option>16</option>
  66.                     <option>17</option>
  67.                     <option>18</option>
  68.                     <option>19</option>
  69.                     <option>20</option>
  70.                     <option>21</option>
  71.                     <option>22</option>
  72.                     <option>23</option>
  73.                     <option>24</option>
  74.                     <option>25</option>
  75.                     <option>26</option>
  76.                     <option>27</option>
  77.                     <option>28</option>
  78.                     <option>29</option>
  79.                     <option>30</option>
  80.                     <option>31</option>
  81.                 </select>
  83.             </td>
  84.         </tr>
  85.         <!-- 第三行 -->
  86.         <tr>
  87.             <td>所在地区</td>
  88.             <td><input type="text" value="北京思密达"></td>
  89.         </tr>
  90.         <!-- 第四行 -->
  91.         <tr>
  92.             <td>婚姻状况</td>
  93.             <td>
  94.                 <input type="radio" name="marry" checked="checked">未婚  
  95.                 <input type="radio" name="marry">已婚
  96.                 <input type="radio" name="marry">离婚
  97.             </td>
  98.         </tr>
  99.         <!-- 第五行 -->
  100.         <tr>
  101.             <td>学历：</td>
  102.             <td><input type="text" value="博士后"></td>
  103.         </tr>
  104.         <!-- 第六行 -->
  105.         <tr>
  106.             <td>喜欢的类型</td>
  107.             <td>
  108.                 <input type="checkbox" name="love">妩媚的
  109.                 <input type="checkbox" name="love">可爱的
  110.                 <input type="checkbox" name="love">小鲜肉
  111.                 <input type="checkbox" name="love">老腊肉
  112.                 <input type="checkbox" name="love" checked="checked">都喜欢
  113.             </td>
  114.         </tr>
  115.         <!-- 第七行 -->
  116.         <tr>
  117.             <td>个人介绍</td>
  118.             <td>
  119.                 <textarea>个人简介</textarea>
  120.             </td>
  121.         </tr>
  122.         <!-- 第八行 -->
  123.         <tr>
  124.             <td></td>
  125.             <td>
  126.                 <input type="submit" value="免费注册">
  127.             </td>
  128.         </tr>
  129.         <!-- 第九行 -->
  130.         <tr>
  131.             <td></td>
  132.             <td>
  133.                 <input type="checkbox" checked="checked" > 我同意注册条款和会员加入标准
  134.             </td>
  135.         </tr>
  136.         <!-- 第十行 -->
  137.         <tr>
  138.             <td></td>
  139.             <td>
  140.                <a href="#">我是会员，立即登录</a>
  141.             </td>
  142.         </tr>
  143.         <!-- 第十一行 -->
  144.         <tr>
  145.             <td></td>
  146.             <td>
  147.                <h5>我承诺</h5>
  148.                <ul>
  149.                    <li>年满18岁，单身</li>
  150.                    <li>抱着严肃认真的态度</li>  
  151.                    <li> 真诚的寻找另一半</li>  
  152.                </ul>
  153.             </td>
  154.         </tr>
  155.     </table>
  156. </body>
  157. </html>

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，112人围观）

还没有评论，来说两句吧...

相关阅读