HTML5表格简单应用案例之[招聘需求表]

2021-06-01 22:05:21 阅读：183 来源： 互联网

首先先来看一下实现的效果：
在这里插入图片描述

源代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#tab{
				width: 100%;
			}
			tr td{
				width: 10%;
				height: 50px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<table border="1" cellspacing="0" id="tab">
	<tr>
		<td colspan="6">招聘需求表</td>
	</tr>
	<tr>
		<td>部门</td>
		<td></td>
		<td>招聘岗位</td>
		<td></td>
		<td>招聘人数</td>
		<td></td>
		
	</tr>
	<tr>
		<td>现从事该岗位的总人数</td>
		<td> </td>
		<td>现部门总人数</td>
		<td colspan="3"> </td>
	</tr>
	<tr>
		<td>需求原因</td>
		<td colspan="5"></td>
	</tr>
	<tr>
		<td>部门负责人签字</td>
		<td colspan="2"></td>
		<td>日期</td>
		<td colspan="2"></td>
	</tr>
	<tr>
		<td>部门负责人签字</td>
		<td colspan="2"></td>
		<td>日期</td>
		<td colspan="2"></td>
	</tr>
	<tr>
		<td>部门负责人签字</td>
		<td colspan="2"></td>
		<td>日期</td>
		<td colspan="2"></td>
	</tr>
</table>
	</body>
</html>

标签：表格,招聘,日期,签字,width,部门,HTML5,人数
来源： https://blog.51cto.com/u_12718584/2843832

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML5表格简单应用案例之[招聘需求表]