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>
