个人简历信息填写界面
通过上篇博客对java web标签的介绍,这里我们简单的应用一下这些标签。
效果
代码
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><table><thead><h3>请填写简历信息</h3></thead><tr><td><lable for="name">姓名</lable></td><td><input type="text" name="" id="name"></td></tr><tr><td>性别</td><td><input type="radio" name="sex" id="male" checked="checked"><label for="male"><img src="./male.png" width="20" height="20">男</label><input type="radio" name="sex" id="female"><label for="female"><img src="./female.png" width="20" height="20">女</label></td></tr><tr><td>出生日期</td><td><select name="" id=""><option value="">--请选择年份--</option><option value="">2002</option><option value="">2003</option><option value="">2004</option><option value="">2005</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></select></td></tr><tr><td><label for="school">就读学校</label></td><td><input type="text" id="school"></td></tr><tr><td>应聘岗位</td><td><input type="checkbox" name="" id="fe"><lable for="fe">前端开发</lable><input type="checkbox" name="" id="server"><lable for="server">后端开发</lable><input type="checkbox" name="" id="test"><lable for="test">测试开发</lable><input type="checkbox" name="" id="yunwei"><lable for="yunwei">运维开发</lable></td></tr><tr><td>掌握技能</td><td><textarea cols="30" rows=""10></textarea></td></tr><tr><td>项目经历</td><td><textarea cols="30" rows=""10></textarea></td></tr><tr><!-- 占位 --><td></td><td><input type="checkbox" id="read"><label for="read">我已仔细阅读公司的招聘要求</label></td></tr><tr><td></td><td><a href="">查看我的状态</a></td></tr><tr><td></td><h3><td>请应聘者确认信息</td></h3></tr><tr><td></td><td><ul><li>以上信息有效</li><li>可以尽早去公司实习</li><li>能接受公司的加班文化</li></ul></td></tr></table>
</body>
</html>