本節建立選單管理列中有圖書統計列「圖書查詢」功能頁面
透過此頁面選擇圖書名稱,序號,價格,入庫時間,圖書類別,
然後填寫查詢管理系統中的各種圖書,並在頁面中展示出來,
#管理員可以進行操作。如圖:
查詢文字方塊內容使用<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>下一節