简历展示
代码实现
:
<!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>
<form>
<fieldset >
<h2>姓名:某某某</h2><br>
<h3>基本信息</h3><br>
<img src="照片.jpg.jpg" width="200" height="200">
<p>求职意向:Java开发</p>
<p>联系电话:xxx-xxx-xxx</p>
<p>邮箱:xxx@qq.com</p>
<br>
<a href ="https://gitee.com/">gitee链接</a> <br>
<a href ="https://blog.csdn.net/m0_52083255?spm=1011.2124.3001.5343">我的博客</a> <br>
<h2>教育背景</h2>
<ol>
<li>xxxx-xxxx 小学</li>
<li>xxxx-xxxx 中学</li>
<li>xxxx-xxxx 大学</li>
</ol>
<br>
<h2>专业技能</h2>
<ul>
<li>Java语法扎实</li>
<li>熟悉数据库</li>
<li>掌握计算机网络</li>
<li>掌握web开发流程</li>
</ul>
<h2>项目经历</h2>
<ol>
<li>留言强</li><br>
<p>开发时间:xxx年xx月-xxx年xx月</p>
<p>功能介绍</p>
<ul>
<li>支持留言发布</li>
<li>支持匿名消息</li>
</ul>
<br>
<li>学习小助手</li>
<p>开发时间:xxx年xx月-xxx年xx月 </p>
<p>功能介绍:</p>
<ul>
<li>支持错题检索</li>
<li>支持探讨</li>
</ul>
</ol>
<h2>自我评价</h2>
<h4>在校学习成绩优良,性格开朗.</h4>
</fieldset>
</form>
</body>
</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>
<table >
<fieldset >
<form>
<label for="username">姓名: </label><input type="text" id="username"><br>
<br>
<label for="gender">性别:
<select>
<option>
--男--
</option>
<option>男</option>
<option>女</option>
</select>
<br> <br>
<label for="birthday">出生日期:
<select>
<option>
--请选择年份--
</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
</select>
<select>
<option>
--请选择月份--
</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>
<option>
--请选择日期--
</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>
<br>
<br>
<label for="university">就读学校: </label><input type="university">
<br>
<br>
<label for="employee">应聘岗位: </label> <input type="checkbox"> 前端开发<input type="checkbox">后端开发<input type="checkbox"> 测试开发<input type="checkbox">运维开发
<br>
<br>
<label for="ablity">掌握的技能 </label>
<br>
<br>
<textarea rows="=100" cols="100"></textarea>
<br>
<br>
<label for="experience">项目经历 </label>
<br>
<br>
<textarea rows="=100" cols="100"></textarea>
<br>
<br>
<input type="radio" name="require" >我已仔细阅读公司的招聘要求
<a href="#"> 查看我的状态</a>
<br>
<h2>请应聘者确认:</h2>
<ul>
<li>以上信息真实有效</li>
<li>能够尽早去公司上班</li>
<li>能接受加班</li>
</ul>
</fieldset>
</form>
</table>
</body>
</html>
结果如下: