入职申请table原生htmlcss表格

最新推荐文章于 2024-06-12 12:52:53 发布
最新推荐文章于 2024-06-12 12:52:53 发布
阅读量303 收藏
点赞数
文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67021283/article/details/128647309
版权 
<!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{
            border-collapse: collapse;
            /* width: 590px; */
        }
        td{
            width: 75px;
            height: 40px;
            border: 1px solid black;
            text-align: center;
        }
        .pic{
           
            height: 180px;
        }
    </style>
</head>
 
<body>
    <table align="center">
        <caption>个人简历</caption>
        <tr>
            <td>姓名</td>
            <td></td>
            <td>性别</td>
            <td></td>
 
            <td>出生年月</td>
            <td></td>
            <td rowspan="3" colspan="2" class="pic"><img src="img/20220714112407.jpg" alt="" width="150" height="180"></td>
            <!-- <td>照片</td> -->
        </tr>
        <tr>
            <td>籍贯</td>
            <td></td>
            <td>民族</td>
            <td></td>
 
            <td>身高</td>
            <td></td>
            <!-- <td>照片</td> -->
            <!-- <td>照片</td> -->
        </tr>
 
        <tr>
            <td>政治面貌</td>
            <td></td>
            <td>学历</td>
            <td></td>
 
            <td>职业资格</td>
            <td></td>
            <!-- <td>照片</td> -->
            <!-- <td>照片</td> -->
        </tr>
 
        <tr>
            <td rowspan="2">家庭地址</td>
            <td rowspan="2" colspan="2"></td>
            <!-- <td></td> -->
            <td colspan="2">联系电话</td>
 
            <!-- <td>联系电话</td> -->
            <td colspan="3"></td>
            <!-- <td></td> -->
            <!-- <td></td> -->
        </tr>
 
        <tr>
            <!-- <td>家庭地址</td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
            <td colspan="2">E-mail</td>
 
            <!-- <td>E-mail</td> -->
            <td colspan="3"></td>
            <!-- <td></td> -->
            <!-- <td></td> -->
        </tr>
 
        <tr style="height:100px ;">
            <td>项目经历</td>
            <td  colspan="7"></td>
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
 
        <tr>
            <!-- <td>项目经历</td> -->
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
 
        <tr>
            <!-- <td>项目经历</td> -->
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
 
        <tr style="height: 100px;">
            <td>在校经历</td>
            <td colspan="7"></td>
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr style="height: 100px;">
            <td>个人掌握技能</td>
            <td colspan="7"></td>
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr style="height: 100px;">
            <td>教育背景</td>
            <td colspan="7"></td>
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
 
 
 
    </table>
</body>
 
</html>

攻城狮羊羊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML简单网页-员工申请表单
m0_58815458的博客
06-03 2592
FDH给回复的客户更换两个风格和楼梯和管理歌剧院挺好的研究
HTML5全屏页面滚动个人简历模板
12-26
HTML5全屏页面滚动个人简历模板，响应式设计，自适应屏幕分辨率，兼容PC端和手机移动端，单页面，多栏目，有工作经验、联系我、技能、关于我等栏目
简易员工入职登记表
02-20
简易员工入职登记表，适合小型企业员工档案管理，比较简易。
使用 HTML 制作简易求职表
qq_44759710的博客
05-20 1906
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单小结</title> </head> <body> <script type="text/javascript"> function change(){ if(document.getElementById("agree").checke
html表单申请表,html 表单表格.doc
weixin_29227425的博客
06-19 639
html 表单表格列表、表单、表格HTML的剩余标签1】列表标签:有序列表: 每个列表项的前面都有个有序的序列号，这样列表 列表项内容 列表项内容 列表项内容 type:设置列表项序列号的样式1： 1,2,3,4,5..a： a,b,c,d,e....A: A,B,C,D,E....i: i,ii,iii,iv,v....如果type的值不能被识别，那么列表序列号会显示为1,2,3,4,...
Html——之table表格
一苇过江的博客
06-28 6024
表格（table）的应用： 表格的创建： <!doctype html> <html> <head> <meta charset="utf-8"> <title>test1</title> <--表格标记--> </head> <body> <table> <tr> <--行标记--> <td>第一行第一列</
html 在线申请,25个在线工作申请免费HTML的简历模板
weixin_35935279的博客
05-31 212
几个星期前，我们发布的制作了HTML创意高端品牌全新的完全免费的简历模板列表。这个基于HTML的简历模板，它有很多超过基于文本和基于图像的优点。这些简历的主要特点是添加了一些动态效果，以及提供反向链接到您的客户和以前就业情况。此外，你可以使用多元化的元素。例如，利用动画图表，图形等显示你的专业知识和技能水平。让你的潜在雇主很快找到你。一般来说，HTML和CSS使您可以极大地改善和丰富你的求职申请。...
Tabler:HtmlCss表格
04-03
餐桌椅
table CSS制作好看的网页表格
12-12
幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性. 1.summary 和 caption 第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素,但是尽可以使用caption总是好的.另一...
html纯css实现表格样式
01-04
html纯css实现表格样式
Application-Form:一个简单HTML申请表
04-27
申请表格 包含不同输入字段的简单HTML应用程序表单
CSS制作可输入内容的table表格
12-13
<table class=”formdata”> 公司销售统计表 2004～2007</caption> /*标题*/ <tr> <th></th> /*行标题*/ ”col”>2004</th> ”col”>2005</th> ”col”>2006</th> ”col”>2007</th> </tr> <tr> ”row”>硬盘(Hard ...
纯原生js实现table表格的增删
11-30
公司实习生问我table的增删操作，用jQuery很简单的实现了。又问我不使用jQuery，只使用js如何实现。 面对这种情况，我的一贯做法是‘不理解，但是支持’。 jQuery用的多了，人也懒了，但还是用js实现了这一操作，...
html css 实现发票(付款申请书)模板
qrn196789910的博客
05-08 3240
前段时间，我做了一个系统打印的功能，给我的是一张图片，还有几个是word文档，文档还好，我先开始想的是，把文档转换成pdf 然后在使用在线pdf转换成html这样我就省事一点，就不用去写页面代码，但是这个图片是没法去转换html的，这样我就得自己去手写一套了，其实也是很简单的，只要有html css 基础的应该都是很快就写出来了，只是细节太要时间去调整了，所以就比较费事，我们来看看图片长啥样： ...
前端应用_html_利用html表格 制作个人简历_02
上海 彭彭
07-23 2052
作业为 制作的个人简历的样式为如下： 特点如下： 第一行 全部合并 图片占据竖直五个格子 我们要用到的知识就是合并。 1.首先用快捷键 制作一个表格 table>(tr>td*5) 然后点击tab 键。 3. 加border 和表格高度以及宽度 (winth ,height) 4. 合并第一行 ， (colspan) 5. 合并图片 占用的格子（rowspan） 代...
HTML表格表单案例
weixin_45969078的博客
11-02 1577
1、表格案例 要求： 按照如下形式创建员工入职登记表，要求 （1）性别（男 女）、婚姻状况（已婚，未婚）、政治面貌（党员，团员）、血型（A,B ,AB）用单选按钮 （2）民族使用下拉列表(汉，苗，回) （3）使用表单提交数据 ； （4）照片使用文件上传 代码 <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/
前端学习笔记——table表格的创建Html基础
asdfghjilp的博客
04-17 1138
文章目录一、table数据表格的基础创建二、table表格的相关属性三 、table tr td属性设置 一、table数据表格的基础创建 <table> <!-- 创建表格 --> <tr> <!-- tr 表示行 --> <td>1</td> <!-- td表示列 --> <td>2</td> </tr> <tr>
Vue2表格（Table）
热门推荐
Mr Dear的博客
08-13 2万+
展示行列数据。
CSS中，设置 0.5px 会生效吗
最新发布
Keep trying, keep going
06-12 337
在高分辨率屏幕（例如 Retina 屏幕）上，0.5px 的设置通常会生效，因为这些屏幕具有更高的像素密度，可以显示更细的细节。在这些设备上，1 个 CSS 像素可能对应多个设备像素，因此可以实现 0.5px 的效果。，因为这些屏幕的像素密度较低，可能无法精确地显示半个像素的大小。在这种情况下，浏览器会对 0.5px 的值进行。在 CSS 中，设置 0.5px 是有效的，浏览器会尝试渲染出这种细微的大小差异。然而，在低分辨率屏幕上，0.5px 的设置可能无法完美呈现。
原生table导出excel表格
07-28
要实现原生table导出excel表格，可以使用以下方法： 首先，在组件的methods中定义一个方法，比如exportExcel，该方法用于将table导出为excel文件。在该方法中，可以使用第一个引用\[1\]中的代码作为参考，其中使用了XLSX和FileSaver库来实现导出功能。 接下来，需要定义导出excel的数据格式。可以参考第二个引用\[2\]中的代码，其中定义了tHeader（表头中文）、filterVal（表头key）、list（表格数据）和total_info（总计信息数据）等字段。 在exportExcel方法中，可以根据定义的数据格式，将table数据填充到相应的字段中。然后使用XLSX库的table_to_book方法将table转换为workbook对象。 接着，使用XLSX库的write方法将workbook对象转换为二进制字符串。然后使用FileSaver库的saveAs方法将二进制字符串保存为excel文件，可以指定文件名。 最后，返回导出的excel文件内容。 总结起来，实现原生table导出excel表格的步骤如下： 1. 定义导出excel的数据格式，包括表头中文、表头key、表格数据和总计信息数据等字段。 2. 在exportExcel方法中，将table数据填充到相应的字段中。 3. 使用XLSX库的table_to_book方法将table转换为workbook对象。 4. 使用XLSX库的write方法将workbook对象转换为二进制字符串。 5. 使用FileSaver库的saveAs方法将二进制字符串保存为excel文件，可以指定文件名。 6. 返回导出的excel文件内容。 希望以上解答对您有帮助！ #### 引用[.reference_title] - *1* [原生table表格使用js导出excel表](https://blog.csdn.net/weixin_46408500/article/details/127865069)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [前端table导出excel表格方法汇总](https://blog.csdn.net/yufengaotian/article/details/121439968)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值