第六章 表单处理
表单也是我们在织网过程中会经常使用到的,臂如你要做一个电子邮件反馈表,让浏览你主页的朋友填了你已设计好的表格,然后通过电子邮件的形式发送到你的信箱中。这样子让人觉得你网页的交互性不错,本来要通过一个CGI程序才能做到的功能,现在只要用一个表单就可以达到相同的目的了,既节约了服务器的资源,又加快了网页浏览速度,一举两得,何乐而不为呢?
选择对象(Objects)工具条上的Forms组菜单,点
就可以插入一个表单了,当然了,你也可以使用Insert
菜单中的Form命令,现在你可以看到你的屏幕上多了一个红色的虚线框,它就是你刚插入的表单框。
用鼠标点一下红线边框,让我们来看看它有什么属性,现在属性(Properties)工具条变成了如下这个样子了:
1、Form Name:表单的名字,你可以在框中给你的表单取个名字。
2、Action:表单的处理事件,即表单填完后怎样处理填写的资料,是通过E-mail发给你呢?还是把填完的资料交给一具CGI程序处理呢?
3、Method:所填写资料的传输方法。共有两种Post和Get,默认Default为Post方法。
下面就要往表单里面加各种组件了:
1、
文字框。选中它就在表单中插入了一个
,选中它后可以看到属性(Properties)工具条变成如下之图:

--->>(1)TextField:该文本框的名字。
--->>(2)Char Width:文本框的宽度即显示在屏幕上的文本框的长度(整数值)。
--->>(3)Max Chars:框中最多能显示的字符数量(仅当Type为Single line或Password时有效)。
--->>(4)Type:文本框的类型,其中Single line和Password是单行的,而Multi line是多行的。
--->>(5)Init Val:放在文本框中的初始值。
------>>注意:当Type为Single line或Password时是不可用的。
------>>注意:当Type为Multi line时Num Lines替代了Max Chars表示该框的行数。
------>>注意:当Type为Multi line时Wrap项可用,其中Virtual(只有纵向滚动条),而Off、Physical则不一定的(视框内文本长度而定)。
2、
按钮。选中它就在表单中插入了一个
,选中它后可以看到属性(Properties)工具条变成如下之图:
![]()
--->>(1)Button Name :按钮的名字。
--->>(2)Label:按钮标签值,即显示在按钮上的文字。
--->>(3)Action:有三个选项,Submit form(提交按钮);Reset form(清除按钮);None(普通按钮)
3、
复选框。选中它就在表单中插入了一个
,选中它后可以看到属性(Properties)工具条变成如下之图:
![]()
--->>(1)CheckBox:复选框的名字。
--->>(2)Checked Value:复选框所对应的值。
--->>(3)Initial State:复选框的初始状态。Checked表示选中,Unchecked表示未选中。
4、
单选框。选中它就在表单中插入了一个
,选中它后可以看到属性(Properties)工具条变成如下之图:
![]()
--->>(1)RadioButton:单选框的名字。
--->>(2)Checked Value:单选框所对应的值。
--->>(3)Initial State:单选框的初始状态。Checked表示选中,Unchecked表示未选中。
5、
下拉列表框。选中它就在表单中插入了一个
, 选中它可以看到属性(Properties)工具条变成如下之图:

--->>(1)List/Menu:下拉列表框的名字。
--->>(2)Type:选择类型(Menu或List)
--->>(3)Height:列表框的高度。(仅当Type为List时有效)
--->>(4)Selections Allow multiple:选中表示允许多重选择(可选多个,仅当Type为List时有效)
--->>(5)List Values...:下拉列表框中的选项值。弹出如下菜单:

图中左边Item Label是下拉列表框中的选项,右边Value是左边选项的值。“+”增加一个选项,“-”删除一个选项。
--->>(6)Initially Selected:显示下拉列表框的初始值(即在List Values...中填入的值)。
6、
文件选择框。选中它就在表单中插入了一个
东西,选中它可以看到属性(Properties)工具条变成如下之图:
![]()
--->>(1)FileFieldName:文件选择框的名字。
--->>(2)Char Width:文件选择框的显示宽度。
--->>(3)Max Chars :文件选择框的最大宽度。
--->>(4)Init Val:文件选择框的初始值。
7、
图像框。选中它就在表单中插入了一张图象,此时可以看到属性(Properties)工具条变成如下之图:
![]()
--->>相信大家对图中的参数不会陌生,请看[图象处理]这一章,我就不再多说了。
8、
隐藏框。选中它就在表单中插入了这个
东西,选中它此时可以看到属性(Properties)工具条变成如下之图:
![]()
--->>(1)HiddenField:隐藏框的名字。
--->>(2)Value:隐藏框的所对应的值。
注意点:
1、做一个电子邮件反馈表单,只要在表单的Action中填入你的信箱,格式如mailto:zhoujq@371.net,就可以,不过最好在源程序中的<form>标签中插入这么一行 enctype="text/plain"就更好了。
2、表单中有多个复选框时,可同时选多个。
3、表单中有多个单选框时,只能选一个。
[目录][第一章][第二章][第三章][第四章][第五章][第六章][第七章][第八章][第九章]
蔷薇工作室1999.06