相关frameset及frame的作业
做出医院管理系统的相关页面及连接
一、住院办理
代码实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.head{
background-color: gainsboro;
}
</style>
</head>
<body>
<div style="background-color: gainsboro; width: 100%;" >
<table align="left" width="100%" style="background-color: gainsboro;">
<tr>
<td><span style="background-color: white;">住院办理</span></td>
</tr>
</table>
</div>
<div>
<form action="login.jsp" method="post">
<table border="1" width="100%">
<tr>
<td>病历号:</td>
<td>
<input type="text" />
</td>
<td>主治医生:</td>
<td>
<input type="text" />
</td>
<td>科室:</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>住院时间:</td>
<td colspan="5">
<input type="text" />至<input type="text" />
<input type="image" src="../img/img/QQ截图20200909181703.png"/>
<input type="image" src="../img/img/QQ截图20200909181714.png"/>
</td>
</tr>
</table>
</form>
</div>
<div>
<table border="1" width="100%">
<tr class="head">
<th><input type="checkbox" /></th>
<th>病历号</th>
<th>姓名</th>
<th>床位号</th>
<th>联系电话</th>
<th>押金</th>
<th>主治医生</th>
<th>入院时间</th>
<th>科室</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>1103</td>
<td>黄飞鸿</td>
<td>4343</td>
<td>13127653423</td>
<td>2000元</td>
<td>程俊</td>
<td>2015-01-05 12:33:56</td>
<td>血液科</td>
<td>已住院</td>
<td>
<span style="color: deepskyblue;">详情>>>更改 退院 出院</span>
</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>1103</td>
<td>黄飞鸿</td>
<td>4343</td>
<td>13127653423</td>
<td>2000元</td>
<td>程俊</td>
<td>2015-01-05 12:33:56</td>
<td>血液科</td>
<td>已住院</td>
<td>
<span style="color: deepskyblue;">详情>>>更改 退院 出院</span>
</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>1103</td>
<td>黄飞鸿</td>
<td>4343</td>
<td>13127653423</td>
<td>2000元</td>
<td>程俊</td>
<td>2015-01-05 12:33:56</td>
<td>血液科</td>
<td>已住院</td>
<td>
<span style="color: deepskyblue;">详情>>>更改 退院 出院</span>
</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>1103</td>
<td>黄飞鸿</td>
<td>4343</td>
<td>13127653423</td>
<td>2000元</td>
<td>程俊</td>
<td>2015-01-05 12:33:56</td>
<td>血液科</td>
<td>已住院</td>
<td>
<span style="color: deepskyblue;">详情>>>更改 退院 出院</span>
</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>1103</td>
<td>黄飞鸿</td>
<td>4343</td>
<td>13127653423</td>
<td>2000元</td>
<td>程俊</td>
<td>2015-01-05 12:33:56</td>
<td>血液科</td>
<td>已住院</td>
<td>
<span style="color: deepskyblue;">详情>>>更改 退院 出院</span>
</td>
</tr>
<tr class="head">
<td colspan="5">
<a href="zhuyuandengji.html"><img src="../img/img/QQ截图20200913172428.png" /></a>
<input type="image" src="../img/img/QQ截图20200913172439.png" />
<input type="image" src="../img/img/QQ截图20200913172448.png" />
<input type="image" src="../img/img/QQ截图20200909181755.png" />
<input type="image" src="../img/img/QQ截图20200913172455.png"/>
</td>
<td colspan="6" align="right">
<span style="color: deepskyblue;">第一页 上一页
<span style="color: red;">1</span> 2 3 4 5 下一页
最后一页 </span>
<span>共 <span style="color: red;">32</span>条记录
<span style="color: red;">1/33 </span>页</span>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
效果截图:
二、导入EXcl表格
代码实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="background-color: gainsboro;width: 100%;">
<table>
<tr>
<td><span style="background-color: white;">住院办理</span></td>
</tr>
</table>
</div>
<div>
<form action="login.jsp" method="post" >
<table border="1" width="100%">
<tr>
<td>病历号</td>
<td>
<input type="text" value="输入病历号回车自动带挂号人信息"/>
</td>
</tr>
<tr>
<td>姓名</td>
<td>
黄飞鸿
</td>