PHP開(kāi)發(fā)簡(jiǎn)單圖書(shū)后臺(tái)管理系統(tǒng)圖書(shū)查詢頁(yè)面

本節(jié)創(chuàng)建菜單管理欄中有圖書(shū)統(tǒng)計(jì)欄“圖書(shū)查詢”功能頁(yè)面

通過(guò)此頁(yè)面選擇圖書(shū)名稱，序號(hào)，價(jià)格，入庫(kù)時(shí)間，圖書(shū)類別，

然后填寫(xiě)查詢管理系統(tǒng)中的各種圖書(shū)，并在頁(yè)面中展示出來(lái)，

管理員可以進(jìn)行操作。如圖：

查詢文本框內(nèi)容使用<form>表單

外面使用<table>表格，里面用<tr><td>布局。

加入<select><option>選擇框。

展示頁(yè)面另使用一個(gè)<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">&nbsp;后臺(tái)管理&nbsp;>>&nbsp;圖書(shū)查詢</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">圖書(shū)序號(hào)</option>
			<option value="name">圖書(shū)名稱</option>
			<option value="price">圖書(shū)價(jià)格</option>
			<option value="time">入庫(kù)時(shí)間</option>
			<option value="type">圖書(shū)類別</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">書(shū)名</td>
		<td width="12%" align="center" bgcolor="#FFFFFF">價(jià)格</td>
		<td width="24%" align="center" bgcolor="#FFFFFF">入庫(kù)時(shí)間</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>&nbsp;&nbsp;
			<a href="#" class="trlink">刪除</a>
		</td>
	</tr>
	<tr>
		<th height="25" colspan="6" align="center" class="bg_tr">
			首頁(yè) | 上一頁(yè) | 下一頁(yè) | 末頁(yè)
			&nbsp;頁(yè)次：/頁(yè)&nbsp;共有/條信息 
		</th>
	</tr>
</table>
</body>

繼續(xù)學(xué)習(xí)

新建文件

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>PHP圖書(shū)管理系統(tǒng)圖書(shū)查詢</title> <style> .table{ border: 1px solid #CAF2FF;/*邊框顏色*/ margin-top: 5px; margin-bottom: 5px; background:#a8c7ce; } .td_bgf { background:#d3eaef; color:#000000; } .td_bg { background:#ffffff; color:#344b50; } .bg_tr { font-family: "微軟雅黑,Verdana, 新宋體"; color:#e1e2e3;/*標(biāo)題字體色*/ font-size:12px; font-weight:bolder; background:#353c44;/*標(biāo)題背景色*/ line-height: 22px; } td { color:#1E5494; font-size:12px; line-height: 18px; } </style> </head> <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"> 后臺(tái)管理 >> 圖書(shū)查詢</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">圖書(shū)序號(hào)</option> <option value="name">圖書(shū)名稱</option> <option value="price">圖書(shū)價(jià)格</option> <option value="time">入庫(kù)時(shí)間</option> <option value="type">圖書(shū)類別</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">書(shū)名</td> <td width="12%" align="center" bgcolor="#FFFFFF">價(jià)格</td> <td width="24%" align="center" bgcolor="#FFFFFF">入庫(kù)時(shí)間</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"> 首頁(yè) | 上一頁(yè) | 下一頁(yè) | 末頁(yè) 頁(yè)次：/頁(yè) 共有/條信息 </th> </tr> </table> </body> </html>

提交重置代碼

自動(dòng)運(yùn)行