首先先来看一下实现的效果：![HTML5表格简单应用案例之[招聘需求表]](https://ctyun-collect-0531.gdoss.xstore.ctyun.cn/files/2024/01/20/a6faabf5a1cc42e78d8add8e86bba5cd.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184 "HTML5表格简单应用案例之[招聘需求表]")
源代码：
<!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>
