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

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

源代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#tab{
				 100%;
			}
			tr td{
				 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>