代码

<!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>
<style>td{width: 100px;height: 50px;}
</style>
<body><h2 align="center">个人简历</h2><table border="1" cellspacing="0" cellpadding="1" width="1500px" height="600px" align="center"><tr align="center"><td>姓名</td><td><input type="text" style="border: 0px;outline: none;"></td><td>性别</td><td><input type="text" style="border: 0px;outline: none;"></td><td>出生年月</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td rowspan="4"><input type="file" name="field-id" accept="file-type"></td></tr><tr align="center"><td>民族</td><td><input type="text" style="border: 0px;outline: none;"></td><td>政治面貌</td><td><input type="text" style="border: 0px;outline: none;"></td><td>身高</td><td><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td>学制</td><td><input type="text" style="border: 0px;outline: none;"></td><td>学历</td><td><input type="text" style="border: 0px;outline: none;"></td><td>户籍</td><td><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td>专业</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td>毕业学校</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td colspan="8"><input type="text" style="border: 0px;outline: none;"><b>技能、特长或爱好</b></td></tr><tr align="center"><td>外语等级</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td>计算机</td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td colspan="8">个人履历</td></tr><tr align="center"><td>时间</td><td colspan="4">单位</td><td colspan="4">经历</td></tr><tr align="center"><td ></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td ></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td ></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td colspan="8">联系方式</td></tr><tr align="center"><td>通信地址</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td>联系电话</td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td></tr><tr align="center"><td>E-mail</td><td colspan="2"><input type="text" style="border: 0px;outline: none;"></td><td>邮编</td><td colspan="4"><input type="text" style="border: 0px;outline: none;"></td><tr align="center"><td colspan="8">自我评价</td></tr></table>
</body>
</html>

效果图

总结

使用input type使其可输入，使用border:0消除边框，outline:none当元素获得焦点的时候，焦点框为0。

新手尝试编写，求大佬多担待。

选择文件的实现中，使用input type并不能显示出图片，只能显示出选择的文件名,求大佬指点如何使用选择图片时能显示图片的方法。

用HTML制作个人简历相关推荐

求职特训营火热来袭阿里大咖教你制作专业简历
**简介:**金三银四黄金求职季,阿里专家倾心打造五节求职精品课程,从面试官角度切入讲解,帮助同学们五天快速掌握简历过关的技能,更有资深专家直播在线答疑! 一份高通过率的简历是什么样子?为什么你投了这 ...
求职特训营火热来袭，阿里大咖教你制作专业简历
**简介:**金三银四黄金求职季,阿里专家倾心打造五节求职精品课程,从面试官角度切入讲解,帮助同学们五天快速掌握简历过关的技能,更有资深专家直播在线答疑! 一份高通过率的简历是什么样子?为什么你投了这 ...
Word怎么在图片上制作一个简历封面?
Word怎么在图片上制作一个简历封面?Word中想要设计一个简历封面,该怎么设计呢?下面我们就来看看详细的制作方法,需要的朋友可以参考下想要给自己的简历制作一个封面,该怎么制作一个风景图片效果的封面 ...
Bootstrap——制作个人简历网页、工具类【边框（添加、删除、颜色、圆角）、清除浮动、颜色（文本、链接、背景）、display属性、浮动、定位、文本对齐】
制作个人简历网页代码: <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...
秋招实习季，教你制作在线简历
这篇教程教你制作的简历本质上是部署在Gitee上,依赖Gitee Pages服务的静态页面,制作它需要的知识仅包括前端三件套,即HTML.CSS和Javascript.当然,即使你没有任何代码基础,也 ...
使用form表单和table表格制作个人简历
使用form表单和table表格制作个人简历制作的如下图: 代码如下: <!DOCTYPE html> <html><head><meta charset= ...
ppt如何制作个人简历？
毕业在即,一份让人眼前一亮的个人简历ppt模板,将是一块非常好用的敲门砖,那么ppt模板制作个人简历操作方法是什么呢?ppt家园就来介绍一下简历ppt模板制作的技巧吧. 第一,打开powerpoint ...
手机wps怎么改html文件后缀名,手机WPS如何制作个人简历 WPS一键修改文档重命名方法分享...
目前有着不少的用户都是用WPS手机版,但是大多数的用户都整个APP都还不是很熟悉,比如想要制作个人简历应该怎么操作?还有应该如何修改文档重命名呢?下面就和小编一起来详细的了解下吧. 手机WPS如何制作 ...
计算机简历封面制作教程,计算机应用个人简历封面制作制作个人简历封面教案.doc...
环境评价与咨询服务专业教学资源库电子教材 ·PAGE 157· <计算机应用>电子教材制作个人简历封面课程导入在众多的求职者中,想让自己的简历吸人眼球,首先必须要一个漂亮的封面,李 ...
用HTML/CSS制作个人简历
HTML/CSS/Javascript是网页制作以及自动化报告制作用到的三大主力.由于Javascript多数情况下用于动画视效,本次简历制作没有涉及到动画过渡,所以我们先来看看HTML/CSS咋回事 ...

用HTML制作个人简历

代码

效果图

总结

用HTML制作个人简历相关推荐

最新文章

热门文章