题一:
代码实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录系统</title>
</head>
<body>
<form action="" method="post">
<table align="center" style="background-color: ghostwhite;" height="250" width="200">
<tr>
<td></td>
</tr>
<tr>
<td><span style="font-size: large; font-weight: 600;"> 登录系统</span></td>
</tr>
<tr>
<td><input type="text" name="username" value="账号" size="30" maxlength="15" style="border-color: cornflowerblue;" /></td>
</tr>
<tr>
<td><input type="password" name="pwd" size="30" maxlength="20" style="border-color: cornflowerblue;"/></td>
</tr>
<tr>
<td><input type="text" name="code" value="验证码" size="15" maxlength="4" style="border-color: cornflowerblue;" /><span style="font-size: x-small;">7236//</span></td>
</tr>
<tr>
<td><input type="image" src="img/button1.png" width="70" height="35"/></td>
</tr>
</table>
</form>
</body>
</html>
实现效果:
题二:
代码实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>挂号管理</title>
</head>
<body>
<div>
<form>
<table style="background-color: purple;" width="100%">
<tr align="right">
<td style="font-size: x-small; color: white;">欢迎您!老贺 [退出]</td>
</tr>
<tr>
<td><img src="img/small1.png" /><span style="font-size: small; color: gray; background-color: white;">医院管理系统</span></td>
</tr>
</table>
</form>
</div>
<div style="background-color: cornflowerblue;">
<form>
<table style="background-color: bisque;">
<tr>
<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table width="100%" border="1" bgcolor="aliceblue">
<tr>
<td style="font-size: small; background-color: burlywood;">病例号:</td>
<td><input type="text" size=20 name="num" /></td>
<td style="font-size: small; background-color: burlywood;">主治医生:</td>
<td><input type="text" size=20 name="doctorname" /></td>
<td style="font-size: small; background-color: burlywood;">科室:</td>
<td><input type="text" size=20 name="house" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: burlywood;">挂号时间:</td>
<td colspan="5">
<input type="text" size=20 name="starttime" />至<input type="text" size=20 name="endtime" />
<input type="image" src="img/search.png" /> <input type="image" src="img/empty.png" />
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table border="1" bordercolor="gray" width="100%">
<tr style="text-align: left; background-color: darkgray;">
<th><input type="checkbox" name="checknum" /></th>
<th>门诊编号</th>
<th>主治医生</th>
<th>挂号时间</th>
<th>挂号科室</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1103</td>
<td>程俊</td>
<td>2015-09-09 12: 12: 12</td>
<td>血液科</td>
<td>已挂号</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1104</td>
<td>王博</td>
<td>2015-12-09 12: 12: 12</td>
<td>骨科</td>
<td>已询医</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1105</td>
<td>沈青川</td>
<td>2015-02-04 15: 11: 12</td>
<td>外科</td>
<td>已询医</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1106</td>
<td>欧阳雨露</td>
<td>2014-09-05 12: 12: 12</td>
<td>急诊科</td>
<td>已出院</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1107</td>
<td>艾小天</td>
<td>2014-02-09 12: 12: 11</td>
<td>妇科</td>
<td>已退号</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table style="background-color: darkgray;" width="100%">
<tr>
<td colspan="3">
<input type="image" src="img/section.png" />
<input type="image" src="img/back.png" />
<input type="image" src="img/derive.png" />
<input type="image" src="img/copy.png" />
</td>
<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页 上一页 </span>1<span style="font-size: smaller; color: blueviolet;">
2 3 4 5 下一页 最后一页 </span>共32条记录 1/33 页
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
实现效果:
题三:
代码实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>门诊医生管理</title>
</head>
<body>
<div>
<form>
<table style="background-color: purple;" width="100%">
<tr align="right">
<td style="font-size: x-small; color: white;">欢迎您!老贺 [退出]</td>
</tr>
<tr>
<td><img src="img/small1.png" /><span style="font-size: small; color: gray; background-color: white;">医院管理系统</span></td>
</tr>
</table>
</form>
</div>
<div style="background-color: cornflowerblue;">
<form>
<table style="background-color: bisque;">
<tr>
<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
<td style="font-size: small; color:darkmagenta ;">门诊医生管理</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table width="100%" border="1" bgcolor="aliceblue">
<tr>
<td style="font-size: small; background-color: burlywood;">医生编号:</td>
<td><input type="text" size=20 name="doctornum" /></td>
<td style="font-size: small; background-color: burlywood;">医生姓名:</td>
<td><input type="text" size=20 name="doctorname" /></td>
<td style="font-size: small; background-color: burlywood;">科室:</td>
<td><input type="text" size=20 name="house" /></td>
</tr>
<tr style="text-align: center;" align="center">
<td colspan="6">
<input type="image" src="img/search.png" /> <input type="image" src="img/empty.png" />
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table border="1" bordercolor="gray" width="100%">
<tr style="text-align: left; background-color: darkgray;">
<th><input type="checkbox" name="checknum" /></th>
<th>门诊编号</th>
<th>主治医生</th>
<th>挂号时间</th>
<th>挂号科室</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1103</td>
<td>程俊</td>
<td>2015-09-09 12: 12: 12</td>
<td>血液科</td>
<td>已挂号</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1104</td>
<td>王博</td>
<td>2015-12-09 12: 12: 12</td>
<td>骨科</td>
<td>已询医</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1105</td>
<td>沈青川</td>
<td>2015-02-04 15: 11: 12</td>
<td>外科</td>
<td>已询医</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1106</td>
<td>欧阳雨露</td>
<td>2014-09-05 12: 12: 12</td>
<td>急诊科</td>
<td>已出院</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>1107</td>
<td>艾小天</td>
<td>2014-02-09 12: 12: 11</td>
<td>妇科</td>
<td>已退号</td>
<td><span style="font-size: smaller; color: blueviolet;">详情>>> 更改>>> 退号</span></td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table style="background-color: darkgray;" width="100%">
<tr>
<td colspan="3">
<input type="image" src="img/adddoctor.png" />
<input type="image" src="img/derive.png" />
</td>
<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页 上一页 </span>1<span style="font-size: smaller; color: blueviolet;">
2 3 4 5 下一页 最后一页 </span>共32条记录 1/33 页
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
实现效果:
题四:
代码实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>药品管理</title>
</head>
<body>
<div>
<form>
<table style="background-color: purple;" width="100%">
<tr align="right">
<td style="font-size: x-small; color: white;">欢迎您!老贺 [退出]</td>
</tr>
<tr>
<td><img src="img/small1.png" /><span style="font-size: small; color: gray; background-color: white;">医院管理系统</span></td>
</tr>
</table>
</form>
</div>
<div style="background-color: cornflowerblue;">
<form>
<table style="background-color: bisque;">
<tr>
<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
<td style="font-size: small; color:darkmagenta ;">门诊医生管理</td>
<td style="font-size: small; color:darkmagenta ;">药品管理</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table width="100%" border="1" bgcolor="aliceblue">
<tr>
<td style="font-size: small; background-color: burlywood;">药品名称:</td>
<td><input type="text" size=20 name="drugname" /></td>
<td style="font-size: small; background-color: burlywood;">药品类型:</td>
<td><input type="text" size=20 name="drug" /></td>
</tr>
<tr style="text-align: center;" align="center">
<td colspan="4">
<input type="image" src="img/search.png" /> <input type="image" src="img/empty.png" />
</td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table border="1" bordercolor="gray" width="100%">
<tr style="text-align: left; background-color: darkgray;">
<th><input type="checkbox" name="checknum" /></th>
<th>药品编号</th>
<th>药品名称</th>
<th>药品类型</th>
<th>简单描述</th>
<th>状态</th>
<th>剩余量</th>
<th>操作</th>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>J1121</td>
<td>感冒药</td>
<td>处方</td>
<td>用于普通感冒</td>
<td>销售中</td>
<td>1000袋</td>
<td><span style="font-size: smaller; color: blueviolet;">更改 退号>>></span></td>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>J1121</td>
<td>感冒药</td>
<td>处方</td>
<td>用于普通感冒</td>
<td>销售中</td>
<td>1000袋</td>
<td><span style="font-size: smaller; color: blueviolet;">更改 退号>>></span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>J1121</td>
<td>感冒药</td>
<td>处方</td>
<td>用于普通感冒</td>
<td>销售中</td>
<td>1000袋</td>
<td><span style="font-size: smaller; color: blueviolet;">更改 退号>>></span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>J1121</td>
<td>感冒药</td>
<td>处方</td>
<td>用于普通感冒</td>
<td>销售中</td>
<td>1000袋</td>
<td><span style="font-size: smaller; color: blueviolet;">更改 退号>>></span></td>
</tr>
<tr>
<td><input type="checkbox" name="checknum" /</td>
<td>J1121</td>
<td>感冒药</td>
<td>处方</td>
<td>用于普通感冒</td>
<td>销售中</td>
<td>1000袋</td>
<td><span style="font-size: smaller; color: blueviolet;">更改 退号>>></span></td>
</tr>
</table>
</form>
</div>
<div>
<form>
<table style="background-color: darkgray;" width="100%">
<tr>
<td colspan="3">
<input type="image" src="img/adddoctor.png" />
<input type="image" src="img/derive.png" />
</td>
<td style="text-align: right;" align="right"><span style="font-size: smaller; color: blueviolet;">第一页 上一页 </span>1<span style="font-size: smaller; color: blueviolet;">
2 3 4 5 下一页 最后一页 </span>共32条记录 1/33 页
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
实现效果:
题五:
代码实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人信息</title>
</head>
<body>
<form action="reg.html" method="post">
<table width="100%" height="700" border="1" bordercolor="blue">
<tr>
<td style="font-size: small; background-color: darkgray;">证件类型</td>
<td >
<select name="card">
<option value="" selected="selected">身份证</option>
<option value="1">工作证</option>
<option value="2">驾驶证</option>
<option value="3">学生证</option>
<option value="4">结婚证</option>
<option value="5">毕业证</option>
<option value="6">签证</option>
<option value="7">身份证</option>
<option value="8">其他证件</option>
</select>
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">证件号</td>
<td><input type="text" name="idnum" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">社保号</td>
<td><input type="text" name="productnum" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">挂号费</td>
<td><input type="text" name="nummoney" size="25" />元</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">联系电话</td>
<td style="background-color: darkgray;"><input type="text" name="telephonenumber" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">是否自费</td>
<td><input type="radio" name="judge" value="否" checked="checked" />否
<input type="radio" name="judge" value="是" />是
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">性别</td>
<td><input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">年龄</td>
<td><input type="text" name="age" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">职业</td>
<td><input type="text" name="job" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">初复诊</td>
<td>
<input type="radio" name="state" value="初诊" checked="checked" />出诊
<input type="radio" name="state" value="复诊" />复诊
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">所挂科室</td>
<td>
<select name="house">
<option value="" selected="selected">急诊科</option>
<option value="1">急诊内科</option>
<option value="2">急诊外科</option>
<option value="3">消化科</option>
<option value="4">神经内科</option>
<option value="5">肾内科</option>
<option value="6">肿瘤科</option>
<option value="7">院感科</option>
<option value="8">心血管内科</option>
</select>
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">指定医生</td>
<td>
<select name="doctor">
<option value="" selected="selected">程俊</option>
<option value="1">王博</option>
<option value="2">沈青川</option>
<option value="3">欧阳雨露</option>
<option value="4">艾小天</option>
</select>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">备注</td>
<td>
<textarea name="say" cols="17" rows="4"></textarea>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;" align="center"><input type="image" src="img/save.png" width="50" height="25"/> <img src="img/return.png" width="60" height="25"/></td>
</tr>
</table>
</form>
</body>
</html>
实现效果:
题六:
代码实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>门诊医生管理</title>
</head>
<body>
<div>
<form>
<table style="background-color: purple;" width="100%">
<tr align="right">
<td style="font-size: x-small; color: white;">欢迎您!老贺 [退出]</td>
</tr>
<tr>
<td><img src="img/small1.png" /><span style="font-size: small; color: gray; background-color: white;">医院管理系统</span></td>
</tr>
</table>
</form>
</div>
<div style="background-color: cornflowerblue;">
<form>
<table style="background-color: bisque;">
<tr>
<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
<td style="font-size: small; color:darkmagenta ; background-color: white;">门诊医生管理</td>
<td style="font-size: small; color:darkmagenta ;">药品管理</td>
</tr>
</table>
</form>
</div>
<div>
<form action="reg.html" method="post">
<table width="100%" height="700" border="1" bordercolor="blue">
<tr>
<td style="font-size: small; background-color: darkgray;">姓名</td>
<td><input type="text" name="doctorname" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">证件类型</td>
<td >
<select name="card">
<option value="" selected="selected">身份证</option>
<option value="1">工作证</option>
<option value="2">驾驶证</option>
<option value="3">学生证</option>
<option value="4">结婚证</option>
<option value="5">毕业证</option>
<option value="6">签证</option>
<option value="7">身份证</option>
<option value="8">其他证件</option>
</select>
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">证件号</td>
<td><input type="text" name="idnum" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">手机</td>
<td><input type="text" name="doctortelenumber" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">座机</td>
<td><input type="text" name="number" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">性别</td>
<td><input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">出生年月</td>
<td><input type="text" name="birthday" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">年龄</td>
<td>28岁</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">电子邮箱</td>
<td><input type="text" name="mail" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">所属科室</td>
<td>
<select name="house">
<option value="" selected="selected">急诊科</option>
<option value="1">急诊内科</option>
<option value="2">急诊外科</option>
<option value="3">消化科</option>
<option value="4">神经内科</option>
<option value="5">肾内科</option>
<option value="6">肿瘤科</option>
<option value="7">院感科</option>
<option value="8">心血管内科</option>
</select>
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">学历</td>
<td>
<select name="doctor">
<option value="" selected="selected">专科</option>
<option value="1">初中以上</option>
<option value="2">高中毕业</option>
<option value="3">本科</option>
<option value="4">研究生</option>
</select>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">备注</td>
<td style="font-size: small; background-color: darkgray;">
<textarea name="say" cols="17" rows="4"></textarea>
</td>
</tr>
<tr>
<td></td>
<td style="text-align: center;" align="center"><input type="image" src="img/save.png" width="50" height="25"/> <img src="img/return.png" width="60" height="25"/></td>
</tr>
</table>
</form>
</div>
</body>
</html>
实现效果:
题七:
代码实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>药品管理</title>
</head>
<body>
<div>
<form>
<table style="background-color: purple;" width="100%">
<tr align="right">
<td style="font-size: x-small; color: white;">欢迎您!老贺 [退出]</td>
</tr>
<tr>
<td><img src="img/small1.png" /><span style="font-size: small; color: gray; background-color: white;">医院管理系统</span></td>
</tr>
</table>
</form>
</div>
<div style="background-color: cornflowerblue;">
<form>
<table style="background-color: bisque;">
<tr>
<td style="font-size: small; color:darkmagenta ;">挂号管理</td>
<td style="font-size: small; color:darkmagenta ;">门诊医生管理</td>
<td style="font-size: small; color:darkmagenta ;background-color: white;">药品管理</td>
</tr>
</table>
</form>
</div>
<div>
<form action="reg.html" method="post">
<table width="100%" height="700" border="1" bordercolor="blue">
<tr>
<td style="font-size: small; background-color: darkgray;">药品编号</td>
<td><input type="text" name="drugnum" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">图片</td>
<td><input type="file" name="files" value="选择文件"/></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">进价</td>
<td><input type="text" name="cost" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">售价</td>
<td><input type="text" name="sell" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">药品名称</td>
<td><input type="text" name="drugname" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">药品类型</td>
<td><input type="radio" name="drug" value="处方药" checked="checked" />处方药
<input type="radio" name="drug" value="中药" />中药
<input type="radio" name="drug" value="西药" />西药
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">简单描述</td>
<td><input type="text" name="brief" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">生产日期</td>
<td><input type="text" name="startdate" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">过期日期</td>
<td><input type="text" name="enddate" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">保质期</td>
<td>30天</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">详细描述</td>
<td style="font-size: small;>
<textarea name="describe" cols="18" rows="2"></textarea>
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">生产厂商</td>
<td style="font-size: small; background-color: darkgray;">
<textarea name="manufacturers" cols="18" rows="2"></textarea>
</td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">服用说明</td>
<td><input type="text" name="takedrug" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">总的进货量</td>
<td><input type="text" name="amount" size="25" /></td>
</tr>
<tr>
<td style="font-size: small; background-color: darkgray;">剩余量</td>
<td>300</td>
</tr>
<td style="font-size: small; background-color: darkgray;">备注</td>
<td style="font-size: small;>
<textarea name="remarks" cols="18" rows="2"></textarea>
</td>
</table>
</form>
</div>
</body>
</html>
实现效果:
以上都为本人自写,如有错误,欢迎指正,谢谢!