之前我们通过讲解的html基础知识,写出了自己的网页版的简历,现在来尝试写一下填写简历的网页版吧
网页展示
代码实现
<!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>填写简历信息</title>
</head>
<body>
<h3>请填写简历信息</h3>
<table width = "900">
<tr>
<td>姓名</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name = "gender" checked = "checked" id = "male">
<label for="male"> <img src="photo in vscode/male.png" alt="" wideth = "20px" height="20px"> 男 </label>
<input type="radio" name = "gender" id = "female">
<label for="female"> <img src="photo in vscode/female.png" alt="" wideth = "20px" height="20px"> 女 </label>
</td>
</tr>
<tr>
<td>出生日期</td>
<td>
<select name="" id="">
<option value="">--请选择年份--</option>
<option value="">1999</option>
<option value="">2000</option>
<option value="">2001</option>
<option value="">2002</option>
<option value="">2003</option>
<option value="">2004</option>
</select>
<select name="" id="">
<option value="">--请选择月份--</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
<option value="">10</option>
<option value="">11</option>
<option value="">12</option>
</select>
<select name="" id="">
<option value="">--请选择日期--</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
<option value="">10</option>
<option value="">11</option>
<option value="">12</option>
<option value="">13</option>
<option value="">14</option>
<option value="">15</option>
<option value="">16</option>
<option value="">17</option>
<option value="">18</option>
<option value="">19</option>
<option value="">20</option>
<option value="">21</option>
<option value="">22</option>
<option value="">23</option>
<option value="">24</option>
<option value="">25</option>
<option value="">26</option>
<option value="">27</option>
<option value="">28</option>
<option value="">29</option>
<option value="">30</option>
<option value="">31</option>
</select>
</td>
</tr>
<tr>
<td>就读学校</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>应聘岗位</td>
<td>
<input type="checkbox" id = "frondend"> <label for="frondend">前端开发</label>
<input type="checkbox" id = "backend"> <label for="backend">后端开发</label>
<input type="checkbox" id = "qa"> <label for="qa">测试开发</label>
<input type="checkbox" id = "op"> <label for="op">运维开发</label>
</td>
</tr>
<tr>
<td>掌握技能</td>
<td>
<textarea name="" id="" cols="30" rows="10"></textarea>
</td>
</tr>
<tr>
<td>项目经历</td>
<td>
<textarea name="" id="" cols="30" rows="10"></textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" id = "confirm"> <label for="confirm">我已仔细阅读过公司招聘要求</label>
</td>
</tr>
<tr>
<td></td>
<td>
<a href="">查看我的状态</a>
</td>
</tr>
<tr>
<td></td>
<td>
<h4>应聘者确认:</h4>
<ul>
<li>以上信息真实有效</li>
<li>能够尽早来公司实习</li>
<li>能够接受公司的加班文化</li>
</ul>
</td>
</tr>
</table>
</body>
</html>