利用html表单制作个人简历

制作效果如下所示：

主要实现步骤有：

制作表格；

合并单元格：colspan 是合并列，rowspan是合并行

表单的基本属性：form，input

代码如下：

<!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><style>table {text-align: center;}table,td {border: 1.5px solid black;width: 100px;height: 30px;}input {width: 95%;height: 100%;}.input1 {width: 98.5%;}.input2 {width: 98%;}.input3 {width: 98%;}</style></head><body><form><table><caption><b>个人简历</b></caption><tr><td>姓名</td><td><input type="text"></td><td>性别</td><td><select><option>男</option><option>女</option></select></td><td>出生年月</td><td><input type="date"></td><td rowspan="4"><input type="file"></td></tr><tr><td>民族</td><td><input type="text"></td><td>政治面貌</td><td><input type="text"></td><td>身高</td><td><input type="text"></td></tr><tr><td>学制</td><td><input type="text"></td><td>学历</td><td><input type="text"></td><td>户籍</td><td><input type="text"></td></tr><tr><td>专业</td><td><input type="text"></td><td colspan="2">毕业学校</td><td colspan="2"><input type="text"></td></tr><tr><td colspan="7"><b>技能，特长或爱好</b></td></tr><tr><td>外语等级</td><td colspan="2"><input type="text"></td><td>计算机</td><td colspan="3"><input type="text" class="input2"></td></tr><tr><td colspan="7">个人履历</td></tr><tr><td>时间</td><td colspan="2">单位</td><td colspan="4">经历</td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text" class="input1"></td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text" class="input1"></td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text" class="input1"></td></tr><td colspan="7">联系方式</td></tr><tr><td>通信地址</td><td colspan="2"><input type="text"></td><td>联系电话</td><td colspan="3"><input type="text" class="input3"></td></tr><tr><td>E-mail</td><td colspan="2"><input type="text"></td><td>邮编</td><td colspan="3"><input type="text" class="input3"></td></tr><tr><td colspan="7">自我评价</td></tr><tr><td colspan="7"><textarea rows="7" cols="155"></textarea></td></tr></table></form>
</body></html>

利用html表单制作个人简历相关推荐

HTML用＜form＞表单制作个人简历
在HTML表单制作一张个人简介源代码如下: ```html <!DOCTYPE html> <html> <head> <meta charset=&quo ...
HTML表单制作个人简历
** 先看在谷歌浏览器中的效果表单常用标签: border:设置表格的边框 cellspacing:单元格与单元格之间的距离 bgcolor:表格的背景色 colspan:跨列数 rowspan:跨 ...
利用PHP表单做一个简历模块
<!DOCTYPE HTML> <html> <body> 头像部分: <?php header('Content-type:text/html;charse ...
html用表单制作个人简历
用表单做一个简单的个人简历,代码如下:(做的有点丑) <!DOCTYPE html> <html lang="en"> <head><me ...
用java写注册表单_利用HTML表单标签编写一个注册页面
今天我们来写一个注册页面 form表单先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构: 页面结构大体就是这样子的~ 利用HTML表单标签编写一个注册页面表单标签: 所有需要提交到服务 ...
DedeCMS自定义表单制作和调用办法
http://down.chinaz.com/try/201112/1471_1.htm 在很多建站需求中,需要一些额外的表单供前台用户提交,以便于收集.统计.分析及处理更多的数据,比如:在线订单.在 ...
mysql 自定义表单_DedeCMS自定义表单制作和调用办法
在很多建站需求中,需要一些额外的表单供前台用户提交,以便于收集.统计.分析及处理更多的数据,比如:在线订单.在线报名等一些常见的互动应用. dedecms自定义表单调用先说怎么调用自定义表单吧,因为 ...
Web 网页求职兼职表单制作
Web 网页求职兼职表单制作 1. 表头 2. 个人信息 3. 求职意向 4. 自我评价 5. 完整代码如下结束语 1. 表头 <!-- align 文字位置 center 居中.left 左 ...
推荐使用什么样的平台表单制作工具好？
在办公自动化迅猛发展的今天,传统的表单制作工具已经不能满足各行各业的生产需求,引用专业的低代码开发平台表单制作工具可以助力企业提高作业协作效率.那么,什么平台的表单制作工具可以实现这一目的?今天,我们 ...

利用html表单制作个人简历

利用html表单制作个人简历相关推荐

最新文章

热门文章