設計 首先,我們在做留言薄之前,先做出一個輸入屏的介面效果,也就是產生留言部輸入螢幕的htmL頁,然後在這些htmL原始碼中加入ASP指令碼,我這裡得到的htmL代碼如下。
*檔案名稱:book.htm
<html>
<head>
<title>留言薄</title>
</head>
<body bgcolor="#BED9FC" background="images/bg.gif">
<p align="center"><img src="http://www.163design.net/a/y/images/gbook.gif" alt="GBook.gif (12142 bytes)" WIDTH="374"
HEIGHT="83"> </p>
<p align="center">[<a href="disp.asp">我要看留言板</a>] [<a href="../index.asp">返回首頁</a>]</p>
<form method="POST" action="book.asp">
<input type="hidden" name="task" value="insert"><div align="left"><table>
<tr>
<td align="right">姓名</td>
<td><img src="http://www.163design.net/a/y/images/bottom-b.gif" alt="BUTTOM-B.GIF (179 bytes)" WIDTH="16" HEIGHT="16"></td>
<td><input name="name" size="46"></td>
</tr>
<tr>
<td align="right">性別</td>
<td><img src="http://www.163design.net/a/y/images/bottom-g.gif" alt="BUTTOM-G.GIF (179 bytes)" WIDTH="16" HEIGHT="16"></td>
<td><input name="sex" size="46"></td>
</tr>
<tr>
<td align="right">來自</td>
<td><img src="http://www.163design.net/a/y/images/bottom-b.gif" alt="BUTTOM-B.GIF (179 bytes)" WIDTH="16" HEIGHT="16"></td>
<td><input name="from" size="46"></td>
</tr>
<tr>
<td align="right">首頁URL</td>
<td><img src="http://www.163design.net/a/y/images/homepage.gif" alt="HomePage.gif (1232 bytes)" WIDTH="30" HEIGHT="30"></td>
<td><input name="url" size="46"></td>
</tr>
<tr>
<td align="right">
E-mail</td>
<td><img src="http://www.163design.net/a/y/images/email.gif" alt="Email.gif (1197 bytes)" WIDTH="30" HEIGHT="30"></td>
<td><input name="email" size="46"></td>
</tr>
<tr>
<td align="right">留言</td>
<td colspan="2"><textarea wrap="off" name="comments" cols="49" rows="9"></textarea></td>
</tr>
<tr>
<td> </td>
<td colspan="2"><dl>
<dd align="center"> <input type="submit" value="我寫好了">
<input type="reset" value="重新再寫"></dd>
</dl>
</td>
</tr>
</table>
</div>
</form>
<p align="center"> </p>
</body>
</html>
您可以按這裡看一下這個介面的效果(需要強調一點,這些htmL代碼還是完全沒有功能的)你可以把它儲存為book.htm,然後用FRONTPAGE98來開啟它,開啟後,可以查看網頁中的那個輸入FORM的屬性,在這個留言薄中。我們使用兩個檔案來處理,一個是book.asp,另一個是disp.asp,前者是一個輸入介面,後者是一個顯示介面,用於顯示留言資訊。