在网页设计中常需要搜集一些必要的用户信息。这时我们就要用到表单（form）。表单的运用包括调查，定制表单和搜索界面等。
表单由两部分组成：用以描述表单的HTML源代码；服务器端应用程序或客户端脚本编排程序，用来处理由HTML语言创建的表单域中用户所填入的信息。

10.1 表单元素简介

我们可通过表单对象面板中建立表单并插入指定对象，如图1所示。

图1 表单对象面板

Form(表单按钮):可插入一个空白的表单。

Text fields（文本框）：文本域接受任何类型的文字、字母和数字。

Buttons（按钮）：当按下按钮时执行命令，例如发送（Submit）或重置（reset）表单。

Image fields（图像框）：可以取代发送按钮。

Checkboxes（复选框）：允许在一组选项中复选。

Radio buttons（单选框）：单项选择。

List/menus（列表/菜单栏）：提供了一系列供用户选择的值。它可以做出一个弹出式下拉菜单并以滚动列表的形式显示。

file fields（文件域）：让用户在本地硬盘浏览文件并可作为表单数据载入。

Hidden fields（隐慝域）：储存与用户无关但处理程序要用的信息，如表单表单主题等。

Jump Menu（跳转菜单）：插入一个菜单，其选择链接指向一个文件或文件夹。

10.2 插入空白表单

把鼠标指针置于想创建表单的地方，然后在对象面板中的表单面板点击表单按钮。也可以拖动按钮至页面适当位置。然后可以通过表单属性面板做进一步设置，如图2所示。

图2 表单属性

• Form Name（表单名）：输入表单名，使之能够为一种脚本编辑语言（Javascript或VBScript）控制。
• Action（动作）：确定用于处理表单信息的服务器端应用程序，用一个URL地址来确定，本例用的是http://home.fiberia.com/yufeng/mailform.cgi。
• Method（方法）：定义如何处理表单数据。其中:

10.3 插入文本输入域

1.文本输入域：就是一个接受信息的空白框，利用它可让访问者提交任何不受限制的内容。Text fields属性面板，如图3所示。

图3 文本框属性

• Text fields（文本域）：给一个文本域赋名。每个文本域的名称必须的唯一的。
• Char Width（字符长度）：设置在文本域中显示的最长字符数，这个数可以比最大字符数（Max Chars）小。
• Max Chars（最大字符数）：设定能在文本域中输入的最大字符数。
• Num Lines（行数）：设定文本域的高度。
• Type（类型）：指明文本框内输入的是单行文本、多行文本还是密码。
• Init Value（初始值）：指定表单第一次加载时文本域中显示的值。

2.运用：首先在已插入表单的区域（红色虑线内）加入表格（为了整齐），在“名字：”后面插入的是单行域（single line）； 在“口令 ：”后面插入的口令域（Password）；在“内容:”后面插入的是多行域（Multi line）,如表单一所示。

10.4 加上按钮

1.按钮：是将表单数据发送给服务器的开关。可通过按钮属性面板设置，如图4所示。

图4 按钮属性

• Button Name（按钮名称）：给按钮赋名。Submit（发送）告诉表单把表单数据发送给处理程序；Reset（重设）告诉表单清空表域的初始值。
• 标签（Label）：设定按钮上的文字。如将“Submit”改为“发送”
• 动作（Action）：设定按钮按下时发生的事件。

2. 运用：给表单一增加“发送”（Submit）和“重填”（Reset）两个按钮，现在按“发送”就能把信息发出去了，如表单二所示。

10.5 单选框

1.单选框:就是在若干个选项中选一个，属性面板如图5所示。

图5 单选框属性

• RadioButton（单选钮）：给单选钮取名，在同一组中的所有按钮必须是同名的。
• Checked Value（检查值）：当选中某一单选钮时设置它的值。当用户发送表单给处理程序时这个值同时也被发送出去。在同一组中的每个单选钮都有各自的名字。
• Initial State（初始状态）：决定表单第一次载入时，按钮是开启（On）的还是关闭（Off）的。只有当在一个组里的一个按钮才可能有开启（On）的初始状态。

2.运用:给表单增加“性别”栏，插入两个单选框，在Checked Value中分别输入“男”和“女”。如表单三所示。

表单三

10.6 复选框

1.复选框：相当于多重选择，属性面板如图6所示。

图6 复选框属性

• CheckBox（复选框）：给复选框取名。
• CheckBox Value（复选框值）：设置选择时复选框的值。
• Initial State（初始状态）：设定表单第一次载入时复选框的被选择的（Selected） 还是没有被选择的（Unselected） 。

2.运用:给表单增加“爱好”栏，插入三个复选框，如表单四所示。

表单四

10.7 列表/菜单栏

1.列表/菜单栏：可制作下拉菜单及列表菜单，属性面板如图7所示。

图7 列表/菜单栏属性

• List/Menu（列表/菜单 ）：给列表或菜单取名。
• Type（类型）：指定该对象是一个弹出式下拉菜单还是一个滚动列表。如果选择列表形式，那么可以设置高度（Height），指一次显示的条目数。还可以选择是否允许用户在列表中进行复选（Allow multiple）。
• List Values（列表值）：按下属性指示器中的这个按钮，打开原始列表值对话框，可以给列表或菜单加条目。见图8，列表中的每一个条目有一个标签名（Item Label）和一个值(Value)。标签名在列表中会显示出来，而值则是发送给处理程序的。若没有设定值，则系统会把标签名发送给处理程序。

图8 列表值对话框

2.运用:给表单增加“所在地区”栏，插入Menu，在“希望的职业”栏插入List，并分别在List Values中加入相关内容，如表单五所示。

表单五

10.8跳转菜单

1.跳转菜单:可建立一个由下拉菜单构成的主页链结，属性面板如图9所示。

图9 跳转菜单属性

2.跳转菜单的建立方法与“列表/菜单”类似，也要通过点按钮List Values,在出现的列表值对话框中加上“标签名”，只是还要给每个“标签名”（站点）加上网址，如图10所示。

图10 跳转菜单设置框

结果参见下例：

10.9 文件域

文件域:可插入一个输入框及游览按钮，属性面板如图11所示。

图11 文件域属性

• FileField Name（文件域名称）：给文件域取名。
• Char Width（字符宽度）：设置可在域中显示的最大字符数。
• Max Chars（最大字符数）：设置可以在域中输入的字符数。
• Init Val（初始值）：设置在浏览器中显示的文件域中的初始值。
  

10.10 隐藏域

隐藏域：包含表单数据以何种方式得到处理的信息，属性面板如图12所示。

图12 隐藏域属性

• HiddenField（隐藏域）：给隐藏域取名。
• Value（值）：设置隐藏域的值。