📄 form.htm
字号:
<html>
<head>
<META HTTP-EQUIV="Content-Type" Content="text-html;charset=gb2312">
<script language=javascript>
var gFormID=0;
function ChgForm()
{
if(gFormID==selFrom.value)
return;
document.getElementById("div"+gFormID).style.display="none";
gFormID=selFrom.value;
document.getElementById("div"+gFormID).style.display="";
}
function DoSubmit()
{
var urlx=document.getElementById("url"+gFormID);
if(urlx.value=="")
{
alert("尚未填写“URL”(ASP文件的相对路径)");
return;
}
var formx=document.getElementById("form"+gFormID);
formx.action=urlx.value;
//formx.target=parent.frmPage;
formx.submit();
}
</script>
<style>
body{font-size:12px;margin:2 2 2 2;overflow:auto}
td{font-size:12px}
.edit{border:1px solid gray;font-size:12px;color:blue;width:100%}
.editr{border:1px solid red;font-size:12px;color:red;width:100%}
.edits{border:1px solid gray;font-size:12px;color:blue}
.tip{color:red}
.htm{color:blue;white-space:nowrap}
</style>
</head>
<body>
测试项目：
<select onchange="ChgForm()" id="selFrom">
<option value=0 selected>添加新书<option value=1>增加书籍数量<option value=2>删除/减少书籍
<option value=3>修改书籍信息<option value=4>查询书籍
<option value=100>添加读者<option value=101>删除读者<option value=102>修改读者信息<option value=103>查询读者
<option value=104>查看某个读者未还书籍信息
<option value=200>借书<option value=201>还书<option value=202>超期读者列表
</select><br><br>
<hr size=2 color=red>
<!-- 0 添加新书 -->
<div id="div0">
<font color=red><b>URL</b>(填写用于处理此次提交的asp文件相对于__index.htm的路径)：</font><br><input class=editr type=text id="url0">
<hr size=2 color=red>
<form id="form0" target="frmPage" action="" method="post">
<b>书号</b>[bID](惟一标识每种书,最多30个字符,如“ISBN 7-5325-2480-9”)：<br><input class=edit type=text name="bID"><br><br>
<b>书名</b>[bName](最多30个字符，如“人间词话”)：<br><input class=edit type=text name="bName"><br><br>
<b>出版社</b>[bPub](最多30个字符，如“上海古籍出版社”)：<br><input class=edit type=text name="bPub"><br><br>
<b>出版日期</b>[bDate](提交格式为“yyyy-mm-dd”，如“2008-08-09”)：<br><input class=edit type=text name="bDate"><br><br>
<b>作者</b>[bAuthor](最多20个字符，如“王国维”)：<br><input class=edit type=text name="bAuthor"><br><br>
<b>内容摘要</b>[bMem](最多30个字符，如“高等教育出版社”)：<br><input class=edit type=text name="bMem"><br><br>
<b>数量</b>[bCnt](整数，应该>0，表示新书的数量)：<br><input class=edit type=text name="bCnt"><br><br>
</form>
<center><input type=button value="添加新书" onclick="DoSubmit()"></center><br>
<span class="tip">
<li>成功返回的页面HTML应该是：<div class=htm><html><body><b>0</b></body></html></div>
<li>失败分为以下几种情况：
<ul>
<li>该书已经存在；返回的页面HTML应该是：<div class=htm><html><body><b>1</b></body></html></div>
<li>提交的参数有误，如书号没有填写，数量不是填写的数字等等；返回的页面HTML应该是：<div class=htm><html><body><b>2</b></body></html></div>
</ul>
</span>
</div>
<!-- 1 增加书籍数量 -->
<div id="div1" style="display:none">
<font color=red><b>URL</b>(填写用于处理此次提交的asp文件相对于__index.htm的路径)：</font><br><input class=editr type=text id="url1">
<hr size=2 color=red>
<form id="form1" target="frmPage" action="" method="post">
<b>书号</b>[bID](惟一标识每种书,最多30个字符,如“ISBN 7-5325-2480-9”)：<br><input class=edit type=text name="bID"><br><br>
<b>数量</b>[bCnt](整数，应该>0，表示该书增加的数量)：<br><input class=edit type=text name="bCnt"><br><br>
</form>
<center><input type=button value="增加书籍数量" onclick="DoSubmit()"></center><br>
<span class="tip">
<li>成功返回的页面HTML应该是：<div class=htm><html><body><b>0</b></body></html></div>
<li>失败分为以下几种情况：
<ul>
<li>该书<b>不</b>存在；返回的页面HTML应该是：<div class=htm><html><body><b>1</b></body></html></div>
<li>提交的参数有误，如书号没有填写，数量不是填写的数字……等等；返回的页面HTML应该是：<div class=htm><html><body><b>2</b></body></html></div>
</ul>
</span>
</div>
<!-- 2 删除/减少书籍 -->
<div id="div2" style="display:none">
<font color=red><b>URL</b>(填写用于处理此次提交的asp文件相对于__index.htm的路径)：</font><br><input class=editr type=text id="url2">
<hr size=2 color=red>
<form id="form2" target="frmPage" action="" method="post">
<b>书号</b>[bID](惟一标识每种书,最多30个字符,如“ISBN 7-5325-2480-9”)：<br><input class=edit type=text name="bID"><br><br>
<b>数量</b>[bCnt](整数，应该>0，表示该书减少的数量)：<br><input class=edit type=text name="bCnt"><br><br>
</form>
<center><input type=button value="删除/减少书籍" onclick="DoSubmit()"></center><br>
<span class="tip">
<li>如果该书总数量被减到零，则表示删除该书
<li>成功返回的页面HTML应该是：<div class=htm><html><body><b>0</b></body></html></div>
<li>失败分为以下几种情况：
<ul>
<li>该书<b>不</b>存在；返回的页面HTML应该是：<div class=htm><html><body><b>1</b></body></html></div>
<li>打算减少的数量大于该书目前在在库（未借出）的数量；返回的页面HTML应该是：<div class=htm><html><body><b>2</b></body></html></div>
<li>提交的参数有误，如书号没有填写，数量不是填写的数字……等等；返回的页面HTML应该是：<div class=htm><html><body><b>3</b></body></html></div>
</ul>
</span>
</div>
<!-- 3 修改书籍信息 -->
<div id="div3" style="display:none">
<font color=red><b>URL</b>(填写用于处理此次提交的asp文件相对于__index.htm的路径)：</font><br><input class=editr type=text id="url3">
<hr size=2 color=red>
<form id="form3" target="frmPage" action="" method="post">
<b>书号</b>[bID](惟一标识每种书,最多30个字符,如“ISBN 7-5325-2480-9”)：<br><input class=edit type=text name="bID"><br><br>
<b>书名</b>[bName](最多30个字符，如“人间词话”)：<br><input class=edit type=text name="bName"><br><br>
<b>出版社</b>[bPub](最多30个字符，如“上海古籍出版社”)：<br><input class=edit type=text name="bPub"><br><br>
<b>出版日期</b>[bDate](提交格式为“yyyy-mm-dd”，如“2008-08-09”)：<br><input class=edit type=text name="bDate"><br><br>
<b>作者</b>[bAuthor](最多20个字符，如“王国维”)：<br><input class=edit type=text name="bAuthor"><br><br>
<b>内容摘要</b>[bMem](最多30个字符，如“高等教育出版社”)：<br><input class=edit type=text name="bMem"><br><br>
</form>
<center><input type=button value="修改书籍信息" onclick="DoSubmit()"></center><br>
<span class="tip">
<li>按输入的书号找到该书，按其他属性设定进行修改
<li>成功返回的页面HTML应该是：<div class=htm><html><body><b>0</b></body></html></div>
<li>失败分为以下几种情况：
<ul>
<li>该书<b>不</b>存在；返回的页面HTML应该是：<div class=htm><html><body><b>1</b></body></html></div>
<li>提交的参数有误，如书号没有填写，书名没有填写，日期填写不正确……等等；返回的页面HTML应该是：<div class=htm><html><body><b>2</b></body></html></div>
</ul>
</span>
</div>
<!-- 4 查询书籍 -->
<div id="div4" style="display:none">
<font color=red><b>URL</b>(填写用于处理此次提交的asp文件相对于__index.htm的路径)：</font><br><input class=editr type=text id="url4">
<hr size=2 color=red>
<form id="form4" target="frmPage" action="" method="post">
<b>书号</b>[bID]：<br><input class=edit type=text name="bID"><br><br>
<b>书名</b>[bName]：<br><input class=edit type=text name="bName"><br><br>
<b>出版社</b>[bPub]：<br><input class=edit type=text name="bPub"><br><br>
<b>出版日期范围</b>[bDate0～bDate1]<br>
<input class=edits type=text name="bDate0" size=10> ～ <input class=edits type=text name="bDate1" size=10><br><br>
<b>作者</b>[bAuthor]：<br><input class=edit type=text name="bAuthor"><br><br>
<b>内容摘要</b>[bMem]：<br><input class=edit type=text name="bMem"><br><br>
</form>
<center><input type=button value="查询书籍" onclick="DoSubmit()"></center><br>
<span class="tip">
<li>如未填写某项条件，表示在该项上不做限制
<li>查询方式除日期外，都要使用模糊查询方式，例如：书名中输入的是“ABC”，则返回结果中只要书名中包含字符串“ABC”的都满足此项要求
<li>查询成功返回的页面HTML应该返回一个<table>表格，表格中从第一列到最后一列的内容依次为：
<ol>
<li>书号<li>书名<li>总数量<li>在库数量<li>出版社<li>出版日期(格式为 yyyy-mm-dd 如“2008-09-6”)<li>作者<li>内容摘要
</ol>
如下所示（示例HTML代码可能过宽，请使用横向滚动条）：
<div class=htm>
<html><head><META HTTP-EQUIV="Content-Type" Content="text-html;charset=gb2312"></head><br>
<body><br>
<table border=1><br>
<tr><td>ISBN 123-34</td><td>数据库原理</td><td>2</td><td>1</td><td>高等教育出版社</td><td>1983-04-13</td><td>王珊</td><td>这是数据库……</td></tr><br>
<tr><td>ISBN 7-5325-24</td><td>人间词话</td><td>3</td><td>2</td><td>上海古籍出版社</td><td>1998-12-03</td><td>王国维</td><td></td></tr><br>
<tr><td>…</td><td>…</td><td>…</td><td>…</td><td>…</td><td>…</td><td>…</td><td>…</td></tr><br>
</table><br>
</body><br>
</html>
</div>
实际显示效果为：
<table border=1>
<tr><td>ISBN 123-34</td><td>数据库原理</td><td>2</td><td>1</td><td>高等教育出版社</td><td>1983-04-13</td><td>王珊</td><td>这是数据库……</td></tr>
<tr><td>ISBN 7-5325-24</td><td>人间词话</td><td>3</td><td>2</td><td>上海古籍出版社</td><td>1998-12-03</td><td>王国维</td><td></td></tr>
<tr><td>…</td><td>…</td><td>…</td><td>…</td><td>…</td><td>…</td><td>…</td><td>…</td></tr>
</table>
<li>如果没有任何一种书满足填写的条件，则返回页面的HTML应该是：
<div class=htm>
<html><head><META HTTP-EQUIV="Content-Type" Content="text-html;charset=gb2312"></head><br>
<body><br>
<table border=1><br>
</table><br>
</body><br>
</html>
</div>
</span>
</div>
<!-- 100 添加读者 -->
<div id="div100" style="display:none">
<font color=red><b>URL</b>(填写用于处理此次提交的asp文件相对于__index.htm的路径)：</font><br><input class=editr type=text id="url100">
<hr size=2 color=red>
<form id="form100" target="frmPage" action="" method="post">
<b>证号</b>[rID](惟一标识每个读者,最多8个字符,如“A-31”)：<br><input class=edit type=text name="rID"><br><br>
<b>姓名</b>[rName](最多10个字，如“张三”)：<br><input class=edit type=text name="rName"><br><br>
<b>性别</b>[rSex](应该填写“男”或者“女”)：<br><input class=edit type=text name="rSex"><br><br>
<b>系名</b>[rDept](最多10个字，如“计科系”)：<br><input class=edit type=text name="rDept"><br><br>
<b>年级</b>[rGrade](应该是正整数)：<br><input class=edit type=text name="rGrade"><br><br>
</form>
<center><input type=button value="添加读者" onclick="DoSubmit()"></center><br>
<span class="tip">
<li>成功返回的页面HTML应该是：<div class=htm><html><body><b>0</b></body></html></div>
<li>失败分为以下几种情况：
<ul>
<li>该证号已经存在；返回的页面HTML应该是：<div class=htm><html><body><b>1</b></body></html></div>
<li>提交的参数有误，如证号没有填写，年级不是填写的正整数……等等；返回的页面HTML应该是：<div class=htm><html><body><b>2</b></body></html></div>
</ul>
</span>
</div>
<!-- 101 删除读者 -->
<div id="div101" style="display:none">
<font color=red><b>URL</b>(填写用于处理此次提交的asp文件相对于__index.htm的路径)：</font><br><input class=editr type=text id="url101">
<hr size=2 color=red>
<form id="form101" target="frmPage" action="" method="post">
<b>证号</b>[rID](惟一标识每个读者,最多8个字符,如“A-31”)：<br><input class=edit type=text name="rID"><br><br>
</form>
<center><input type=button value="删除读者" onclick="DoSubmit()"></center><br>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -