本节创建菜单管理栏中有图书统计栏“图书查询”功能页面
通过此页面选择图书名称,序号,价格,入库时间,图书类别,
然后填写查询管理系统中的各种图书,并在页面中展示出来,
管理员可以进行操作。如图:
查询文本框内容使用<form>表单
外面使用<table>表格,里面用<tr><td>布局。
加入<select><option>选择框。
展示页面另使用一个<table>表格布局。
<body> <table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" class="table"> <tr> <td width="100%" height="27" valign="top" bgcolor="#FFFFFF" class="bg_tr"> 后台管理 >> 图书查询</td> <tr> <td height="27" valign="top" bgcolor="#FFFFFF" class="bg_tr"> <form id="form1" name="form1" method="post" action="" style="margin:0px; padding:0px;"> <table width="45%" height="42" border="0" align="center" cellpadding="0" cellspacing="0" class="bk"> <tr> <td width="36%" align="center"> <select name="seltype" id="seltype"> <option value="id">图书序号</option> <option value="name">图书名称</option> <option value="price">图书价格</option> <option value="time">入库时间</option> <option value="type">图书类别</option> </select> </td> <td width="31%" align="center"> <input type="text" name="coun" id="coun" /> </td> <td width="33%" align="center"> <input type="submit" name="button" id="button" value="查询" /> </td> </tr> </table> </form> </td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC" class="table" > <tr> <td width="7%" height="35" align="center" bgcolor="#FFFFFF">ID</td> <td width="28%" align="center" bgcolor="#FFFFFF">书名</td> <td width="12%" align="center" bgcolor="#FFFFFF">价格</td> <td width="24%" align="center" bgcolor="#FFFFFF">入库时间</td> <td width="12%" align="center" bgcolor="#FFFFFF">类别</td> <td width="24%" align="center" bgcolor="#FFFFFF">操作</td> </tr> <tr align="center"> <td class="td_bg" width="7%"></td> <td class="td_bg" width="28%" height="26"></td> <td class="td_bg" width="12%" height="26"></td> <td class="td_bg" width="24%" height="26"></td> <td class="td_bg" width="12%" height="26"></td> <td class="td_bg" width="24%"> <a href="#">修改</a> <a href="#" class="trlink">删除</a> </td> </tr> <tr> <th height="25" colspan="6" align="center" class="bg_tr"> 首页 | 上一页 | 下一页 | 末页 页次:/页 共有/条信息 </th> </tr> </table> </body>nächsten Abschnitt