信息反馈表
图例
说明


图1　信息反馈表单

先看这个例子，主要是搜集浏览者的反馈信息，里面用到了文本框、按钮等控件（图1）。

姓名：

图2　加入第一个文本框后的页面
新建一个空文档，将光标定位在要插入表单的位置。 为了显示表单范围，我们可以选中“View”菜单下的“Invisible Elements”，把表示不可见元素的标记显示出来，使表单设计更流畅。
调出Object面板，切换到“Forms面板”，单击“Insert Form”图标 。
输入“姓名：”，再点击“Insert TextField”图标，插入一个文字框（图2）。



图3　设置文本框属性

将文字框内最多允许输入的字符数Max Char设为20（图3）。

姓名：
我的意见：
      


图4　加入第二个文本框的页面
将光标定位在文字框后面，按回车键换到下一行，输入“我的意见：”。 按Shift+Enter键换到下一行，单击“Insert TextField”图标，又插入一个文字框（图4）。




图5　对第二个文本框进行属性设置

选中第二个文字框，在属性面板中选中“Multi line”，将文字框改为多行。在“Char Width”中填入50，Num lines（行数）为10，在Init val域中输入框中的初始值：“请在此处输入您的建议”（图5）。

姓名：
我的意见：
      

图6 对第二个文本框属性设置后的页面

现在页面成为这个样子（图6）。



图7　设置表单中按钮属性

换到下一行，按两下“Insert Button”图标，在表单范围内建立两个按钮。选择第一个按钮，在属性面板中，确定按钮动作（Action）为“Submit form”，表示用于提交表单，将“Label”框中文字改为“发表意见”（图7）；

姓名：
我的意见：
      
           

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

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


图9　设置表单动作

表单设计完成后，还要指定背后处理的程序。将鼠标移到红色框线上单击，在属性面板中的Action框中指定（图9）。 假设我们要以信件的形式收到此反馈意见，可以在Action框中输入mailto:mailto:annachu@263.net，为了方便，可以给此表单起个字名“feedback”，Method（处理方法）框中选择Post。



图10　指定数据编码

指定表单数据的编码方法：按F10，打开HTML源代码编辑窗口。在method="post"后面加上enctype="text/plain"（图10）。
设计好表单后，就可以运行了。

其它的表单元素还有复选框和单选框，将多个复选框（或单选框）定义为一组的方法是：将这几个复选框（或单选框）取相同的名字。