前端小综合的实现案例

最新推荐文章于 2024-06-14 11:01:38 发布

薛定谔的__猫

最新推荐文章于 2024-06-14 11:01:38 发布

阅读量34

点赞数 1

分类专栏：前端文章标签：前端数学建模 dreamweaver

本文链接：https://blog.csdn.net/m0_64188165/article/details/131089539

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

问题描述：

填写简历信息

代码实现：

<!DOCTYPE html>
<html lang="en" xmlns:input="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>填写简历</title>
</head>
<body>
  <h1>请填写简历信息</h1>
  <table>
    <tr>
      <td>姓名</td>
      <td><input type="text"> </td>
    </tr>
    <tr>
      <td>性别</td>
      <td><input type="radio" id="male"><label for="male">男</label>
          <input type="radio" id="female"><lable for="female">女</lable></td>
    </tr>
    <tr>
      <td>出生日期</td>
      <td>
<!--        <input type="date" name="" id="">-->
        <select>
          <option value="">请选择年份</option>
          <option value="">2001</option>
          <option value="">2002</option>
          <option value="">2003</option>
          <option value="">2004</option>
          <option value="">2005</option>
        </select>
        <select>
          <option value="">请选择月份</option>
          <option value="">1</option>
          <option value="">2</option>
          <option value="">9</option>
          <option value="">10</option>
          <option value="">11</option>
          <option value="">12</option>
        </select>
        <select>
          <option value="">请选择日期</option>
          <option value="">1</option>
          <option value="">2</option>
          <option value="">9</option>
          <option value="">28</option>
          <option value="">29</option>
          <option value="">30</option>
        </select>

      </td>
    </tr>
    <tr>
      <td>就读学校</td>
      <td><input type="text"></td>
    </tr>
    <tr>
      <td>应聘岗位</td>
      <td>
          <input type="checkbox" name="" id="">前端开发
          <input type="checkbox" name="" id="">Java开发
          <input type="checkbox" name="" id="">Java测开
          <input type="checkbox" name="" id="">C++工程师
      </td>
    </tr>
    <tr>
      <td>掌握的技能</td>
      <td><textarea cols="30" rows="9"></textarea></td>
    </tr>
    <tr>
      <td>项目经历</td>
      <td>
        <textarea cols="30" rows="9"></textarea>
    </td>
    </tr>
    <tr>
      <td></td>
      <td>
          <input type="checkbox" name="">我已仔细阅读贵公司的招聘要求
          <a href="#">查看我的状态</a>
      </td>
    </tr>
    <tr>
      <td></td>
      <td>
          <h3>请应聘者确认</h3>
          <ul>
              <li>以上信息真实有效</li>
              <li>今早实习</li>
              <li>接受加班</li>
          </ul>
      </td>
    </tr>
  </table>
</body>
</html>

结果显示：