7、创建各种窗体

（1）信息反馈表（下）

　　换到下一行，按两下“Insert Button”图标，在表单范围内建立两个按钮。

　　选择第一个按钮，在属性面板中，确定按钮动作（Action）为“Submit form”，表示用于提交表单，将“Label”框中文字改为“发表意见”（图1）；

图1　设置表单中按钮属性

　　再选择第二个按钮，选择按钮类型为“Reset Form”，表示清除表单，在“Label”框中填写“重新写过”,网页变为下面的样子（图2）。

图2　设置按钮属性后的页面

　　表单设计完成后，还要指定背后处理的程序。将鼠标移到红色框线上单击，在属性面板中的Action框中指定（图3）。

　　假设我们要以信件的形式收到此反馈意见，可以在Action框中输入mailto:[email protected]，为了方便，可以给此表单起个字名“feedback”，Method（处理方法）框中选择Post。

图3　设置表单动作

　　指定表单数据的编码方法：按F10，打开HTML源代码编辑窗口。在method="post"后面加上enctype="text/plain"（图4）。

图4　指定数据编码

　　设计好表单后，就可以运行了（图5）。

图5　做好的表单（单击浏览效果）

　　我们还可以对这个窗口进行美化，加入title、背景等（图6），一切就绪后，进入浏览器检查效果，填写资料，对表单进行测试，一切无误后就可以将此页面上传到服务器上了。

图6　装饰过的表单（单击浏览效果）

　　看，这是设计的页面在IE浏览器中的效果（图7），我们输入一些信息，然后点“发表意见”按钮。

图7　表单在IE中的效果

　　这时会弹出一个对话框，询问我们是否继续传送信息（图8），点“确定”后，浏览器会自动送信息给Outlook Express。

图8　是否传送信息对话框

　　这时如果启动Outlook Express，会在收件箱中看到刚发来的邮件（图9）。

图9　OE中的信息结果

　　注意：用“mail to ”方式处理的表单，只有在IE4.x和Netscape 3.x以上的浏览器才支持。

上一节　下一节   

谈谈您的看法