HTML标签（二）及其制作简历和填写简历的应用
2024-06-30 18:09:16
一、表单控件：
分成两个部分:
（1）表单域: 包含表单元素的区域. 重点是 form 标签.
（2）表单控件: 输⼊框, 提交按钮等. 重点是 input 标签.
常见属性：
a. type: 类型（文本、密码、按钮）
b. name : 标签的名称
c. value : 给当前标签一个默认的值
d. checked : 是否选中（只针对单选框和复选框）
e. maxlength : 最大的长度 （主要针对文本框和 密码框）
f. label标签
g. select标签：下拉框
h. 多行文本
i. ⽆语义标签: div & span
div:独占一行，用于分割
整体效果展示：
<!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>Document</title>
</head>
<body><form action = "https://www.baidu.com"><table><tr><td>用户名：</td><td><input type="text"></td></tr><tr><td>密码：</td><td><input type="password"></td></tr><tr><td>性别:</td><td><input id="man" name="sex" type="radio" value="男" ><label for="man">男</label> <input name="sex" type="radio" value="女" ><label for="man">女</label></td></tr><tr><td>爱好：</td><td><input type="checkbox"> 喝酒 <input type="checkbox"> 跑步 <input type="checkbox"> 唱歌 </td></tr><tr><td>头像：</td><td><input type="file"></td></tr><tr><td>城市：</td><td><select><option select="selected">西安</option><option>北京</option><option>上海</option><option>广东</option></select></td></tr><tr><td>个人介绍:</td><td><textarea rows="10" cols="100" ></textarea></td></tr><tr><td colspan="2"><input type="button" value="普通按钮"> <input type="submit" value="提交"> <input type="reset" value="清空"></td></tr></table></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>Document</title>
</head>
<body><h2>杨毛毛</h2><h3>基本信息</h3><img src="yang.jpg" width="20%" height="20%"><p></p>求职意向：测试开发⼯程师<p></p>联系电话：185-9202-7087<p></p>邮箱：3218956055@qq.com<p></p><a href="https://www.baidu.com" target="_blank">我的 Gitte</a><p></p><a href="https://www.baidu.com" target="_blank">我的 博客</a><h2>教育背景</h2><ol><li>2007 - 2013 北星小学 小学</li><li>2013 - 2016 城关第二中学 初中</li><li>2016 - 2019 西安中学 高中</li><li>2005 - 2008 西安某不知名大学 计算机专业 大学</li></ol><h2>专业技能</h2><ul><li>Java 基础语法扎实，一直在总结自己所学的内容；</li><li>常⻅数据结构都可以独⽴实现并熟练应⽤；</li><li>熟知计算机⽹络理论，并且可以独⽴排查常⻅问题；</li><li>掌握了测试的相关知识，并且可以独立完成相关的题目。</li></ul><h2>我的项⽬</h2><ol><li><h3>留言墙</h3><p></p>开发时间：2020年10⽉ 到 2020年12⽉<p></p>功能介绍：<ul><li>支持留言墙发布</li><li>支持匿名留言</li></ul></li><li><h3>学习⼩助⼿</h3><p></p>开发时间：2021年3⽉ 到 2021年6⽉<p></p>功能介绍：<ul><li>⽀持错题检索</li><li>⽀持同学探讨</li></ul></li></ol><h2>个⼈评价</h2><p></p>在校期间，学习成绩优良，多次获得奖学⾦。
</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>Document</title>
</head>
<body><table></table><th><h3>请填写简历信息</h3></th><tr><td>姓名：</td><td><input type="text"></td></tr><br><tr><td>性别:</td><td><input id="man" name="sex" type="radio" value="男" ><label for="man">男</label> <input name="sex" type="radio" value="女" ><label for="man">女</label></td></tr><br><tr><td>出⽣⽇期:</td><td><select><option>--请选择年份--</option><option>1997</option><option>1998</option><option>1999</option><option>2000</option><option>2001</option><option>2002</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></td></tr><br><tr><td>毕业学校：</td><td><input type="text"></td></tr><br><tr><td>应聘岗位:</td><td><input type="checkbox" id="frontend"><label for="frontend">前端开发</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><br><tr><td>掌握的技能:</td><td><textarea rows="10" cols="30" ></textarea></td></tr><p></p><tr><td>项目经历:</td><td><textarea rows="10" cols="30" ></textarea></td></tr><p></p><tr><td></td><td><input type="checkbox" id="lisence"><label for="lisence">我已仔细阅读过公司的招聘要求</label></td></tr><br><tr><td><a href="#">查看我的状态</a></td></tr><br><tr><td></td><td><h3>请应聘者确认: </h3><ul><li>以上信息真实有效</li><li>能够尽早去公司实习</li><li>能接受公司的加班⽂化</li></ul></td></tr><br><tr><td colspan="2"><input type="submit" value="提交"> <input type="reset" value="清空"></td></tr></table>
</form>
</body>
</html>
HTML标签（二）及其制作简历和填写简历的应用相关推荐
- 固定资产标签二维码如何制作
每个资产设备对应一张二维码,相当于独一无二的"数字身份证",扫码查看物品档案.责任人.状态等信息,关联表单可实现借还登记.领用登记.出入库管理.故障报修等功能,形成一物一码管理的电 ...
- 新版危险废物标签二维码制作教程
生态环境部发布的<危险废物识别标志设置技术规范>已经在2023年7月1日正式实施,除了对危废标签格式.内容的规范,明确规定新版危废标签需要包含数字识别码和二维码,实现危险废物"一 ...
- 服装标签二维码，要如何制作？含品牌案例
睡衣上的二维码标签.大衣的洗护说明二维码.衣服上的防伪二维码- 服装行业应用二维码,已经非常常见了. 服装行业中的二维码,不仅帮助品牌更好地展示产品信息.传播品牌影响力,更重要的是,通过这些服装二维码 ...
- 【简历制作合集】面试时到底是用彩打简历还是黑白简历更出彩呢？｜智测优聘出品
简历到底是黑白的更显专业呢?还是彩色的更吸引人呢? 其实对于大部分HR来说,彩色简历和黑白简历的区别并不是很大,他们会更注重简历的排版.内容.不过仁者见仁,智者见智,不同的行业,不同的公司,不同的面试 ...
- 大学生简历信息填写模板
大学生简历信息填写模板篇1 姓名:__性别:_年龄:22健康状况:良好 籍贯:__家庭背景:职工家庭 所学专业:市场营销学历:本科(在读) 参业意向:可从事文秘工作.贸易.产品营销.活动策划.谈判 ...
- OpenCV学习笔记（三十一）——让demo在他人电脑跑起来 OpenCV学习笔记（三十二）——制作静态库的demo，没有dll也能hold住 OpenCV学习笔记（三十三）——用haar特征训练自己
OpenCV学习笔记(三十一)--让demo在他人电脑跑起来 这一节的内容感觉比较土鳖.这从来就是一个老生常谈的问题.学MFC的时候就知道这个事情了,那时候记得老师强调多次,如果写的demo想在人家那 ...
- 如何用标签打印软件制作物料标识卡
每个公司的物料标识卡都是不同的,显示的信息也不同,一般的物料标识卡上面的信息会有:物料名称.物料编号,物料规格.物料数量等信息,那么如何制作物料标识卡呢?今天小编教大家如何用标签打印软件制作物料标识卡 ...
- HTML小案例: 填写简历信息页面布局
学习了HTML基础知识后,我们就可以实现一个简单的填写简历的页面了. (关于HTML的基础知识可以查看本篇文章.-->HTML基础知识.) 代码如下: <table width=" ...
- 人民银行简历计算机水平,人民银行招聘，填写简历有哪些技巧？
原标题:人民银行招聘,填写简历有哪些技巧? 大家都知道第一步,就是顺利的通过网申,而且一般人民银行的网申都是有一定的筛选率的,那么怎么填写自己的简历,才能顺利通过网申,获取笔试资格呢?下面中公金融人小 ...
最新文章
- 如何从Bash脚本中检测操作系统？
- addroutes刷新_vue解决addRoutes多次添加路由重复的操作方法
- ASP.NET多种不同页面间数据传递的方法
- WebRTC能给我带来什么？
- python编程基础题答案_大学moocPython编程基础题目及答案
- 个人量化策略整理_较好
- python矩阵对角化_大矩阵对角化python
- map返回另一个对象
- markdown 插入视频 、gif、 MP3
- css之“css3的新特性”
- QT项目实战之翻金币小游戏
- Yii Framework 开发教程(35) Zii组件-Button示例
- word中存储矢量图，word转为PDF时矢量图不失真。以及Visio图片放入word后有大量空白
- 短视频社交|电影点播平台Springboot+vue+ElementUI前后端分离
- 安装和使用jupyter notebook
- [转] 更有效的利用你的时间
- 2022.11.20 学习周报
- codeforces 19E Fairy 树链剖分
- Python爬虫框架Scrapy 学习笔记 2 ----- 爬取Mininova网站种子文件信息
- CSR8670 DFU流程