HTML5练习案例——特别休假申请单
完成“特别休假申请单”,表格结构如下图所示：
代码实现：
<!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></title>
</head>
<body>
<h2 style="width: 500px;text-align: center;text-decoration: underline;">特别休假申请单</h2>
<p>申请日期： 年 月 日</p>
<table width="500px" border="1" style="border-collapse: collapse;">
<tr>
<td>所属单位</td>
<td> 部 组 班</td>
<td>职称</td>
<td>111</td>
<td>姓名</td>
<td>111</td>
<td>厂长</td>
</tr>
<tr>
<td rowspan="2">期间</td>
<td colspan="3"> 年 月 日</td>
<td colspan="2"rowspan="2">天数</td>
<td>111</td>
</tr>
<tr>
<td colspan="3"> 年 月 日</td>
<td>主管</td>
</tr>
<tr>
<td colspan="2">职务代理人</td>
<td colspan="4">盖章</td>
<td>111</td>
</tr>
<tr>
<td>到期日期</td>
<td colspan="3"> 年 月 日</td>
<td colspan="2">审核意见</td>
<td>组长</td>
</tr>
<tr>
<td colspan="2">全年特别休假数</td>
<td colspan="2" align="right">天</td>
<td>111</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td colspan="2">已请假数</td>
<td colspan="2" align="right">天</td>
<td>人事主任</td>
<td>人事经办</td>
<td>组长</td>
</tr>
<tr>
<td colspan="2">本次申请日数</td>
<td colspan="2" align="right">天</td>
<td rowspan="2">111</td>
<td rowspan="2">111</td>
<td rowspan="2">111</td>
</tr>
<tr>
<td colspan="2">尚剩申请日数</td>
<td colspan="2" align="right">天</td>
</tr>
</table>
</body>
</html>
