| | | | | | | [文章信息] | | | 作者: | 不详 | | 时间: | 2004-07-13 | | 出处: | 论坛 | | 责任编辑: | 方舟 | |
| [文章导读] | | | 首先，我们在做留言薄之前，先做出一个输入屏的界面效果，也就是生成留言部输入屏幕的htmL页 | |
| |
|
| | | |
|
|
|
|
|
首先，我们在做留言薄之前，先做出一个输入屏的界面效果，也就是生成留言部输入屏幕的htmL页，然后在这些htmL源代码中加入ASP脚本，我这里得到的htmL代码如下。
*文件名：book.htm
＜html＞
＜head＞
＜title＞留言薄＜/title＞
＜/head＞
＜body bgcolor="#BED9FC" background="images/bg.gif"＞
＜p align="center"＞＜img src="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="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="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="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="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="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，前者是一个输入界面，后者是一个显示界面，用于显示留言信息。
|
|
|
|
|
|
|
|
|
