devbox
AllinToyou
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

【Web应用技术基础】HTML(6)——案例2：填写简历信息

作者：AllinToyou | 2024-03-24 06:58:17

赞

踩

【Web应用技术基础】HTML(6)——案例2：填写简历信息

样式：

代码：

  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.     <title>填写简历信息</title>
  7. </head>
  8. <body>
  9.     <table width="600px" cellspacing="0">
  10.         <thead>
  11.             <h3>请填写简历信息</h3>
  12.         </thead>
  13.         <tbody>
  14.             <tr>
  15.                 <td><label for="name">姓名</label></td>
  16.                 <td><input type="text" id="name"></td>
  17.             </tr>
  18.  
  19.             <tr>
  20.                 <td>性别</td>
  21.                 <td>
  22.                     <input type="radio" id="male" name="sex">
  23.                     <label for="male">男</label>
  24.  
  25.                     <input type="radio" id="female" name="sex">
  26.                     <label for="female">女</label>
  27.                 </td>
  28.             </tr>
  29.  
  30.             <tr>
  31.                 <td>出生日期</td>
  32.                 <td>
  33.                     <select>
  34.                         <option>===请选择年份===</option>
  35.                         <option>1998</option>
  36.                         <option>1999</option>
  37.                         <option>2000</option>
  38.                         <option>2001</option>
  39.                         <option>2002</option>
  40.                         <option>2003</option>
  41.                     </select>
  42.                     <select>
  43.                         <option>===请选择月份===</option>
  44.                         <option>1</option>
  45.                         <option>2</option>
  46.                         <option>3</option>
  47.                         <option>4</option>
  48.                         <option>5</option>
  49.                         <option>6</option>
  50.                         <option>7</option>
  51.                         <option>8</option>
  52.                         <option>9</option>
  53.                         <option>10</option>
  54.                         <option>11</option>
  55.                         <option>12</option>
  56.                     </select>
  57.                     <select>
  58.                         <option>===请选择日期===</option>
  59.                         <option>1</option>
  60.                         <option>2</option>
  61.                         <option>3</option>
  62.                         <option>4</option>
  63.                         <option>5</option>
  64.                         <option>6</option>
  65.                         <option>7</option>
  66.                         <option>8</option>
  67.                         <option>9</option>
  68.                         <option>10</option>
  69.                         <option>11</option>
  70.                         <option>12</option>
  71.                         <option>13</option>
  72.                         <option>14</option>
  73.                         <option>15</option>
  74.                         <option>16</option>
  75.                         <option>17</option>
  76.                         <option>18</option>
  77.                         <option>19</option>
  78.                         <option>20</option>
  79.                         <option>21</option>
  80.                         <option>22</option>
  81.                         <option>23</option>
  82.                         <option>24</option>
  83.                         <option>25</option>
  84.                         <option>26</option>
  85.                         <option>27</option>
  86.                         <option>28</option>
  87.                         <option>29</option>
  88.                         <option>30</option>
  89.                         <option>31</option>
  90.                     </select>
  91.                 </td>
  92.             </tr>
  93.  
  94.  
  95.             <tr>
  96.                 <td><label for="school">就读学校</label></td>
  97.                 <td><input type="text" id="school"></td>
  98.             </tr>
  99.  
  100.             <tr>
  101.                 <td>应聘岗位</td>
  102.                 <td>
  103.                     <input type="checkbox" id="fe">
  104.                     <label for="fe">前端开发</label>
  105.                     <input type="checkbox" id="server">
  106.                     <label for="server">后端开发</label>
  107.                     <input type="checkbox" id="test">
  108.                     <label for="test">测试开发</label>
  109.                     <input type="checkbox" id="run">
  110.                     <label for="run">运维开发</label>
  111.                 </td>
  112.             </tr>
  113.             <tr>
  114.                 <td>掌握的技能</td>
  115.                 <td>
  116.                     <textarea name="" id="" cols="30" rows="10"></textarea>
  117.                 </td>
  118.             </tr>
  119.             <tr>
  120.                 <td>项目经历</td>
  121.                 <td>
  122.                     <textarea name="" id="" cols="30" rows="10"></textarea>
  123.                 </td>
  124.             </tr>
  125.             <tr>
  126.                 <td></td>
  127.                 <td>
  128.                     <input type="checkbox" id="check">
  129.                     <label for="charset">我已仔细阅读</label>
  130.                 </td>
  131.             </tr>
  132.             <tr>
  133.                 <td></td>
  134.                 <td>
  135.                     <a href="#">查看我的状态</a>
  136.                 </td>
  137.             </tr>
  138.  
  139.             <tr>
  140.                 <td></td>
  141.                 <td>
  142.                     <h3>请应聘者确认</h3>
  143.                     <ul>
  144.                         <li>以上信息真实有效</li>
  145.                         <li>能够尽早去公司实习</li>
  146.                         <li>能接受公司的加班文化</li>
  147.                     </ul>
  148.                 </td>
  149.             </tr>
  150.  
  151.         </tbody>
  152.     </table>
  153. </body>
  154. </html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/300598
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号