Dreamweaver表单制作.ppt

第第9 9讲讲 表单网页表单网页本讲要点内容本讲要点内容本讲要点内容本讲要点内容:表单的概念和作用。表单的概念和作用。表单的概念和作用。表单的概念和作用。创建不同的表单元素。创建不同的表单元素。创建不同的表单元素。创建不同的表单元素。&本讲学习目标本讲学习目标本讲学习目标本讲学习目标 了解表单在网页中的用途。了解表单在网页中的用途。了解表单在网页中的用途。了解表单在网页中的用途。熟悉在各种表单元素的特点。熟悉在各种表单元素的特点。熟悉在各种表单元素的特点。熟悉在各种表单元素的特点。掌握在网页中插入编辑表单的方法。掌握在网页中插入编辑表单的方法。掌握在网页中插入编辑表单的方法。掌握在网页中插入编辑表单的方法。本讲学前要求本讲学前要求本讲学前要求本讲学前要求 会创建复杂结构的网页。会创建复杂结构的网页。会创建复杂结构的网页。会创建复杂结构的网页。熟悉论坛、电子邮件、搜索引擎等使用。熟悉论坛、电子邮件、搜索引擎等使用。熟悉论坛、电子邮件、搜索引擎等使用。熟悉论坛、电子邮件、搜索引擎等使用。9.1 认识表单认识表单 表单（表单（表单（表单（formform）:一种与用户交互的接口界面，通过表单将一种与用户交互的接口界面，通过表单将一种与用户交互的接口界面，通过表单将一种与用户交互的接口界面，通过表单将用户信息提交给服务器端相应程序进行处理。所有的表用户信息提交给服务器端相应程序进行处理。所有的表用户信息提交给服务器端相应程序进行处理。所有的表用户信息提交给服务器端相应程序进行处理。所有的表单对象都包含在一对单对象都包含在一对单对象都包含在一对单对象都包含在一对和和和和标签中标签中标签中标签中.图9.2 表单对象面板 9.2 创建表单域 无论插入什么表单对象，都必须先创建一无论插入什么表单对象，都必须先创建一个表单个表单9.3 插入文本域 9.3.1 插入文本字段插入文本字段 图9.6 文本字段属性面板 n n“字符宽度字符宽度字符宽度字符宽度”：指定文本字段的宽度。指定文本字段的宽度。指定文本字段的宽度。指定文本字段的宽度。n n“最多字符数最多字符数最多字符数最多字符数”：指定在该文本域中最多可输指定在该文本域中最多可输指定在该文本域中最多可输指定在该文本域中最多可输入的入的入的入的字符个数字符个数字符个数字符个数。n n注：注：注：注：如果如果如果如果“最多字符数最多字符数最多字符数最多字符数”大于大于大于大于“字符宽度字符宽度字符宽度字符宽度”，那么也多余宽度的字符不被显示那么也多余宽度的字符不被显示那么也多余宽度的字符不被显示那么也多余宽度的字符不被显示。n n“类型类型类型类型”：“单行单行单行单行”、“多行多行多行多行”、“密码密码密码密码”。n n注：注：注：注：密码文本域不显示内容，用密码文本域不显示内容，用密码文本域不显示内容，用密码文本域不显示内容，用“*”来代替显来代替显来代替显来代替显示。示。示。示。n n“初始值初始值初始值初始值”：指定在首次载入表单时文本字指定在首次载入表单时文本字指定在首次载入表单时文本字指定在首次载入表单时文本字 段中显示的值。段中显示的值。段中显示的值。段中显示的值。9.3.2 插入文本区域 n n“换行换行换行换行”：指定当用户输入的信息较多，无法在定义的文本：指定当用户输入的信息较多，无法在定义的文本：指定当用户输入的信息较多，无法在定义的文本：指定当用户输入的信息较多，无法在定义的文本区域内显示时，如何显示用户输入的内容，分别有以下四个区域内显示时，如何显示用户输入的内容，分别有以下四个区域内显示时，如何显示用户输入的内容，分别有以下四个区域内显示时，如何显示用户输入的内容，分别有以下四个值。值。值。值。1 1）“关闭或默认关闭或默认关闭或默认关闭或默认”：当用户输入的内容超过文本区域的右边：当用户输入的内容超过文本区域的右边：当用户输入的内容超过文本区域的右边：当用户输入的内容超过文本区域的右边界时，界时，界时，界时，文本将向左侧滚动文本将向左侧滚动文本将向左侧滚动文本将向左侧滚动。用户必须按。用户必须按。用户必须按。用户必须按ReturnReturn键才能将插键才能将插键才能将插键才能将插入点移动到文本区域的下一行。入点移动到文本区域的下一行。入点移动到文本区域的下一行。入点移动到文本区域的下一行。2 2）“虚拟虚拟虚拟虚拟”：在文本区域中设置自动换行。当用户输入的内：在文本区域中设置自动换行。当用户输入的内：在文本区域中设置自动换行。当用户输入的内：在文本区域中设置自动换行。当用户输入的内容超过文本区域的右边界时，文本换行到下一行。容超过文本区域的右边界时，文本换行到下一行。容超过文本区域的右边界时，文本换行到下一行。容超过文本区域的右边界时，文本换行到下一行。当提交数当提交数当提交数当提交数据进行处理时，自动换行并不应用于数据。据进行处理时，自动换行并不应用于数据。据进行处理时，自动换行并不应用于数据。据进行处理时，自动换行并不应用于数据。3 3）“实体实体实体实体”：在文本区域设置自动换行，当提交数据进行处：在文本区域设置自动换行，当提交数据进行处：在文本区域设置自动换行，当提交数据进行处：在文本区域设置自动换行，当提交数据进行处理时，理时，理时，理时，也对这些数据设置自动换行。也对这些数据设置自动换行。也对这些数据设置自动换行。也对这些数据设置自动换行。n n“选定值选定值”：设置在该复选框被选中时发：设置在该复选框被选中时发送给服务器的值。送给服务器的值。n n“初始状态初始状态”：确定在浏览器中载入表单：确定在浏览器中载入表单时，该复选框是否被选中。时，该复选框是否被选中。9.4 创建复选框 9.5 插入单选按钮插入单选按钮 9.5.1 9.5.1 插入单选按钮插入单选按钮插入单选按钮插入单选按钮 n n“单选按钮单选按钮单选按钮单选按钮”：用来设置对象的名称，在同一选项组：用来设置对象的名称，在同一选项组：用来设置对象的名称，在同一选项组：用来设置对象的名称，在同一选项组中的所有单选项按钮的名称必须相同，如将标签值为中的所有单选项按钮的名称必须相同，如将标签值为中的所有单选项按钮的名称必须相同，如将标签值为中的所有单选项按钮的名称必须相同，如将标签值为“男男男男”的单选按钮名称设置有的单选按钮名称设置有的单选按钮名称设置有的单选按钮名称设置有sexsex，则标签值为，则标签值为，则标签值为，则标签值为“女女女女”的单选按钮名称也要设置为的单选按钮名称也要设置为的单选按钮名称也要设置为的单选按钮名称也要设置为sexsex，才能实现在这两个，才能实现在这两个，才能实现在这两个，才能实现在这两个选项中选择其中的一个的目的。选项中选择其中的一个的目的。选项中选择其中的一个的目的。选项中选择其中的一个的目的。9.5.2 插入单选按钮组 单个的插入单选按钮在候选项较多的时候显得比较麻烦，单个的插入单选按钮在候选项较多的时候显得比较麻烦，单个的插入单选按钮在候选项较多的时候显得比较麻烦，单个的插入单选按钮在候选项较多的时候显得比较麻烦，DreamweaverDreamweaver还提供了插入单选按钮组的功能，具体操作如下。还提供了插入单选按钮组的功能，具体操作如下。还提供了插入单选按钮组的功能，具体操作如下。还提供了插入单选按钮组的功能，具体操作如下。步骤步骤步骤步骤 1 1 1 1：将光将光将光将光标标标标定位在需要插入表定位在需要插入表定位在需要插入表定位在需要插入表单对单对单对单对象的位置。象的位置。象的位置。象的位置。步骤步骤步骤步骤 2 2 2 2：在插入栏的在插入栏的在插入栏的在插入栏的“表单表单表单表单”对象面板中单击对象面板中单击对象面板中单击对象面板中单击“单选按钮组单选按钮组单选按钮组单选按钮组”按钮，弹出按钮，弹出按钮，弹出按钮，弹出“单选按钮组单选按钮组单选按钮组单选按钮组”对话框，如图对话框，如图对话框，如图对话框，如图9.199.199.199.19所示。所示。所示。所示。步骤步骤步骤步骤 3 3：设置设置设置设置“单选按钮组单选按钮组单选按钮组单选按钮组”的对话框，默认设置的效果如图的对话框，默认设置的效果如图的对话框，默认设置的效果如图的对话框，默认设置的效果如图9.209.20所示。各所示。各所示。各所示。各设置项如下所示。设置项如下所示。设置项如下所示。设置项如下所示。图图9.19 “单选按钮组单选按钮组”对话框对话框 图图9.20 9.20 单选按钮组效果单选按钮组效果 n n“名称名称名称名称”：用来设置单选按钮组的名称，名称要唯一。：用来设置单选按钮组的名称，名称要唯一。：用来设置单选按钮组的名称，名称要唯一。：用来设置单选按钮组的名称，名称要唯一。n n“单选按钮单选按钮单选按钮单选按钮”：单击：单击：单击：单击“”，添加单选按钮，添加单选按钮，添加单选按钮，添加单选按钮，“LabelLabel”列是单选列是单选列是单选列是单选按钮的文本说明，按钮的文本说明，按钮的文本说明，按钮的文本说明，“ValueValue”列是单选按钮的值。单击列是单选按钮的值。单击列是单选按钮的值。单击列是单选按钮的值。单击“”删除删除删除删除选择好的单选按钮。通过单击选择好的单选按钮。通过单击选择好的单选按钮。通过单击选择好的单选按钮。通过单击 按钮来调整单选按钮的次序按钮来调整单选按钮的次序按钮来调整单选按钮的次序按钮来调整单选按钮的次序 。n n“布局，使用布局，使用布局，使用布局，使用”：用来设置单选按钮组的布局方式，选择：用来设置单选按钮组的布局方式，选择：用来设置单选按钮组的布局方式，选择：用来设置单选按钮组的布局方式，选择“换行换行换行换行符符符符”则使用换行符，竖项排列，否则使用表格。则使用换行符，竖项排列，否则使用表格。则使用换行符，竖项排列，否则使用表格。则使用换行符，竖项排列，否则使用表格。提示：提示：提示：提示：一旦单选按钮被选择，同一组的单选按钮将始终有一个处于选中状一旦单选按钮被选择，同一组的单选按钮将始终有一个处于选中状一旦单选按钮被选择，同一组的单选按钮将始终有一个处于选中状一旦单选按钮被选择，同一组的单选按钮将始终有一个处于选中状态，除非点击重置按钮进行重新设定。比如，男女性别两个单选态，除非点击重置按钮进行重新设定。比如，男女性别两个单选态，除非点击重置按钮进行重新设定。比如，男女性别两个单选态，除非点击重置按钮进行重新设定。比如，男女性别两个单选按钮，初始状态是两个都不选中，选中男后女不被选中，选中女按钮，初始状态是两个都不选中，选中男后女不被选中，选中女按钮，初始状态是两个都不选中，选中男后女不被选中，选中女按钮，初始状态是两个都不选中，选中男后女不被选中，选中女后男不被选中，总有一个处于选中状态，只有重置才能回到两个后男不被选中，总有一个处于选中状态，只有重置才能回到两个后男不被选中，总有一个处于选中状态，只有重置才能回到两个后男不被选中，总有一个处于选中状态，只有重置才能回到两个都不选中的初始状态。都不选中的初始状态。都不选中的初始状态。都不选中的初始状态。9.6 插入列表和菜单 9.6.1 插入列表插入列表/菜单菜单 列表和菜单菜单都属于列表和菜单菜单都属于列表和菜单菜单都属于列表和菜单菜单都属于HTMLHTML表单菜单，对应的表单菜单，对应的表单菜单，对应的表单菜单，对应的标签为标签为标签为标签为。列表和菜单的区别在于：一种菜单是用户单击时下拉的，列表和菜单的区别在于：一种菜单是用户单击时下拉的，列表和菜单的区别在于：一种菜单是用户单击时下拉的，列表和菜单的区别在于：一种菜单是用户单击时下拉的，称之为下拉菜单或下拉列表；另一种菜单则显示一个列称之为下拉菜单或下拉列表；另一种菜单则显示一个列称之为下拉菜单或下拉列表；另一种菜单则显示一个列称之为下拉菜单或下拉列表；另一种菜单则显示一个列有项目的可滚动列表，用户可从该列表中选择项目，称有项目的可滚动列表，用户可从该列表中选择项目，称有项目的可滚动列表，用户可从该列表中选择项目，称有项目的可滚动列表，用户可从该列表中选择项目，称之为滚动列表或者列表菜单。之为滚动列表或者列表菜单。之为滚动列表或者列表菜单。之为滚动列表或者列表菜单。插入列表插入列表插入列表插入列表/菜单的具体操作步骤如下。菜单的具体操作步骤如下。菜单的具体操作步骤如下。菜单的具体操作步骤如下。步骤步骤步骤步骤1 1 1 1：将光标定位在需要插入表单对象的位置。将光标定位在需要插入表单对象的位置。将光标定位在需要插入表单对象的位置。将光标定位在需要插入表单对象的位置。步骤步骤步骤步骤2 2 2 2：在插入栏的在插入栏的在插入栏的在插入栏的“表单表单表单表单”对象面板中单击对象面板中单击对象面板中单击对象面板中单击“列表菜单列表菜单列表菜单列表菜单”按钮，即在文档中插入了一个列表按钮，即在文档中插入了一个列表按钮，即在文档中插入了一个列表按钮，即在文档中插入了一个列表/菜单，如图菜单，如图菜单，如图菜单，如图9.219.219.219.21所示。所示。所示。所示。步骤步骤步骤步骤3 3：选中列表选中列表选中列表选中列表/菜单对象，在菜单对象，在菜单对象，在菜单对象，在“属性属性属性属性”面板可以对其属面板可以对其属面板可以对其属面板可以对其属性进行设置，如性进行设置，如性进行设置，如性进行设置，如9.229.22图所示，各选项的含义如下。图所示，各选项的含义如下。图所示，各选项的含义如下。图所示，各选项的含义如下。n n“类型类型类型类型”：指定该菜单是单击时下拉的菜单（：指定该菜单是单击时下拉的菜单（：指定该菜单是单击时下拉的菜单（：指定该菜单是单击时下拉的菜单（“菜单菜单菜单菜单”选项），还是显示一个列有项目的可滚动列表（选项），还是显示一个列有项目的可滚动列表（选项），还是显示一个列有项目的可滚动列表（选项），还是显示一个列有项目的可滚动列表（“列表列表列表列表”选项）。选项）。选项）。选项）。9.21 插入列表插入列表/菜单菜单 图图9.22 列表列表/菜单的属性面板菜单的属性面板 n n“高度高度高度高度”：用来设置列表中显示的项数，该属性值只有在：用来设置列表中显示的项数，该属性值只有在：用来设置列表中显示的项数，该属性值只有在：用来设置列表中显示的项数，该属性值只有在“列表列表列表列表”类型中才有效。类型中才有效。类型中才有效。类型中才有效。n n“选定范围选定范围选定范围选定范围”：指定用户是否可以从列表中选择多个项，：指定用户是否可以从列表中选择多个项，：指定用户是否可以从列表中选择多个项，：指定用户是否可以从列表中选择多个项，该属性值只有在该属性值只有在该属性值只有在该属性值只有在“列表列表列表列表”类型中才有效。类型中才有效。类型中才有效。类型中才有效。n n“列表值列表值列表值列表值”：单击该按钮，打开一个：单击该按钮，打开一个：单击该按钮，打开一个：单击该按钮，打开一个“列表值列表值列表值列表值”对话框，对话框，对话框，对话框，如如如如9.249.24图所示。单击图所示。单击图所示。单击图所示。单击“”按钮增加列表值，单击按钮增加列表值，单击按钮增加列表值，单击按钮增加列表值，单击“”按钮删除列表值。按钮删除列表值。按钮删除列表值。按钮删除列表值。“项目标签项目标签项目标签项目标签”指用户看到的列表项指用户看到的列表项指用户看到的列表项指用户看到的列表项目的文本，目的文本，目的文本，目的文本，“值值值值”指的是该项目所要传递给处理页面的指的是该项目所要传递给处理页面的指的是该项目所要传递给处理页面的指的是该项目所要传递给处理页面的信息（如网址、出身地址等）。信息（如网址、出身地址等）。信息（如网址、出身地址等）。信息（如网址、出身地址等）。n n“初始化时选定初始化时选定初始化时选定初始化时选定”：用来设置表单首次被载入时，该菜单：用来设置表单首次被载入时，该菜单：用来设置表单首次被载入时，该菜单：用来设置表单首次被载入时，该菜单/列表中哪个值将被选定。列表中哪个值将被选定。列表中哪个值将被选定。列表中哪个值将被选定。9.6.2 插入跳转菜单 跳转菜单实际就是一个下拉列表，其中显示当前站点的导航名称，单击某跳转菜单实际就是一个下拉列表，其中显示当前站点的导航名称，单击某跳转菜单实际就是一个下拉列表，其中显示当前站点的导航名称，单击某跳转菜单实际就是一个下拉列表，其中显示当前站点的导航名称，单击某个选项，即可跳转到相应的网页上，从而实现跳转的目的。其具体操个选项，即可跳转到相应的网页上，从而实现跳转的目的。其具体操个选项，即可跳转到相应的网页上，从而实现跳转的目的。其具体操个选项，即可跳转到相应的网页上，从而实现跳转的目的。其具体操作过程如下。作过程如下。作过程如下。作过程如下。步骤步骤步骤步骤1 1 1 1：将光标定位在需要插入表单对象的位置。将光标定位在需要插入表单对象的位置。将光标定位在需要插入表单对象的位置。将光标定位在需要插入表单对象的位置。步骤步骤步骤步骤2 2：在插入栏的在插入栏的在插入栏的在插入栏的“表单表单表单表单”对象面板中单击对象面板中单击对象面板中单击对象面板中单击“定此转菜单定此转菜单定此转菜单定此转菜单”按钮，弹出按钮，弹出按钮，弹出按钮，弹出如图如图如图如图9.179.17所示的对话框。所示的对话框。所示的对话框。所示的对话框。图9.25 跳转菜单的对话框 步步步步骤骤骤骤3 3 3 3：单单单单击击击击“添添添添加加加加项项项项”按按按按钮钮钮钮添添添添加加加加菜菜菜菜单单单单项项项项，在在在在“文文文文本本本本”文文文文本本本本框框框框中为菜单项输入要在列表中显示的文本。中为菜单项输入要在列表中显示的文本。中为菜单项输入要在列表中显示的文本。中为菜单项输入要在列表中显示的文本。步步步步骤骤骤骤4 4 4 4：在在在在“选选选选择择择择时时时时，转转转转到到到到URLURLURLURL”文文文文本本本本框框框框中中中中，单单单单击击击击“浏浏浏浏览览览览”按按按按钮找到要打开的文件，或者在文本框中输入该文件的路径。钮找到要打开的文件，或者在文本框中输入该文件的路径。钮找到要打开的文件，或者在文本框中输入该文件的路径。钮找到要打开的文件，或者在文本框中输入该文件的路径。步骤步骤步骤步骤5 5 5 5：在在在在“打开打开打开打开URLURLURLURL于于于于”下拉列表框中选择文件打开的位置。下拉列表框中选择文件打开的位置。下拉列表框中选择文件打开的位置。下拉列表框中选择文件打开的位置。步骤步骤步骤步骤6 6 6 6：在在在在“菜单名称菜单名称菜单名称菜单名称”文本框中，输入菜单项的名称。文本框中，输入菜单项的名称。文本框中，输入菜单项的名称。文本框中，输入菜单项的名称。步骤步骤步骤步骤7 7：单击单击单击单击“确定确定确定确定”按钮完成操作。按钮完成操作。按钮完成操作。按钮完成操作。9.7 插 入 按 钮 9.7.1 9.7.1 插入标准按钮插入标准按钮插入标准按钮插入标准按钮 插入按钮的步骤如下。插入按钮的步骤如下。插入按钮的步骤如下。插入按钮的步骤如下。步骤步骤步骤步骤 1 1 1 1：将光将光将光将光标标标标定位在需要插入表定位在需要插入表定位在需要插入表定位在需要插入表单对单对单对单对象的位置。象的位置。象的位置。象的位置。步骤步骤步骤步骤 2 2：在插入栏的在插入栏的在插入栏的在插入栏的“表单表单表单表单”对象面板中单击对象面板中单击对象面板中单击对象面板中单击 “按钮按钮按钮按钮”按钮，按钮，按钮，按钮，即在文档中创建了一个按钮，如图即在文档中创建了一个按钮，如图即在文档中创建了一个按钮，如图即在文档中创建了一个按钮，如图9.279.27所示。所示。所示。所示。图9.28 按钮的属性面板 步步步步骤骤骤骤 3 3 3 3：选选选选中中中中该该该该按按按按钮钮钮钮，其其其其属属属属性性性性面面面面板板板板如如如如9.289.289.289.28图图图图所所所所示示示示，各各各各属属属属性性性性值值值值的含义如下。的含义如下。的含义如下。的含义如下。n n“按钮名称按钮名称按钮名称按钮名称”：为该按钮指定一个名称。：为该按钮指定一个名称。：为该按钮指定一个名称。：为该按钮指定一个名称。n n“标签标签标签标签”：确定按钮上显示的文本，如果是提交按钮可以：确定按钮上显示的文本，如果是提交按钮可以：确定按钮上显示的文本，如果是提交按钮可以：确定按钮上显示的文本，如果是提交按钮可以是是是是“提交提交提交提交”“”“”“”“确认确认确认确认”等等，如果是重置按钮可以是等等，如果是重置按钮可以是等等，如果是重置按钮可以是等等，如果是重置按钮可以是“重置重置重置重置”“”“”“”“重来重来重来重来”“”“”“”“取消取消取消取消”等等。等等。等等。等等。n n“动作动作动作动作”：确定单击该按钮时发生的操作，分别有：确定单击该按钮时发生的操作，分别有：确定单击该按钮时发生的操作，分别有：确定单击该按钮时发生的操作，分别有“提交提交提交提交表单表单表单表单”、“重设表单重设表单重设表单重设表单“和和和和“无无无无”。若选择若选择若选择若选择“提交表单提交表单提交表单提交表单”，则该按钮为提交按钮，对应的，则该按钮为提交按钮，对应的，则该按钮为提交按钮，对应的，则该按钮为提交按钮，对应的typetypetypetype值为值为值为值为submitsubmitsubmitsubmit，将当前，将当前，将当前，将当前表单域内所有数据提交到服务器处理；若选择表单域内所有数据提交到服务器处理；若选择表单域内所有数据提交到服务器处理；若选择表单域内所有数据提交到服务器处理；若选择“重设表单重设表单重设表单重设表单”，则该按钮为重置按钮，对应的，则该按钮为重置按钮，对应的，则该按钮为重置按钮，对应的，则该按钮为重置按钮，对应的typetypetypetype值为值为值为值为resetresetresetreset，单击，单击，单击，单击后将复原所有表单对象的值；若选择后将复原所有表单对象的值；若选择后将复原所有表单对象的值；若选择后将复原所有表单对象的值；若选择“无无无无”，则该按钮为，则该按钮为，则该按钮为，则该按钮为普通按钮，对应的普通按钮，对应的普通按钮，对应的普通按钮，对应的typetypetypetype值为值为值为值为buttonbuttonbuttonbutton。9.7.2 插入图像按钮 可以使用图像作为按钮图标。如果使用图像来执行任务而不是提交数据，可以使用图像作为按钮图标。如果使用图像来执行任务而不是提交数据，可以使用图像作为按钮图标。如果使用图像来执行任务而不是提交数据，可以使用图像作为按钮图标。如果使用图像来执行任务而不是提交数据，则需要将某种行为附加到表单对象。插入图像按钮的操作过程如下。则需要将某种行为附加到表单对象。插入图像按钮的操作过程如下。则需要将某种行为附加到表单对象。插入图像按钮的操作过程如下。则需要将某种行为附加到表单对象。插入图像按钮的操作过程如下。步骤步骤步骤步骤 1 1：将插入点放在表单区域内。在插入栏的将插入点放在表单区域内。在插入栏的将插入点放在表单区域内。在插入栏的将插入点放在表单区域内。在插入栏的“表单表单表单表单”对象面板中单对象面板中单对象面板中单对象面板中单击击击击“图像域图像域图像域图像域”按钮，弹出按钮，弹出按钮，弹出按钮，弹出“选择图像源文件选择图像源文件选择图像源文件选择图像源文件”对话框，如图对话框，如图对话框，如图对话框，如图9.299.29所所所所示。示。示。示。图图9.29 选择图像源文件对话选择图像源文件对话框框 步骤步骤步骤步骤2 2：本书在本书在本书在本书在“本讲实例本讲实例本讲实例本讲实例”目录下准备了图片目录下准备了图片目录下准备了图片目录下准备了图片submit.gifsubmit.gif和和和和reset.gifreset.gif，分别选中图片，单击，分别选中图片，单击，分别选中图片，单击，分别选中图片，单击“确定确定确定确定”按钮，两个图像域随即按钮，两个图像域随即按钮，两个图像域随即按钮，两个图像域随即出现在表单中，如图出现在表单中，如图出现在表单中，如图出现在表单中，如图9.309.30所示。所示。所示。所示。步骤步骤 3 3：选中图片域对象，从选中图片域对象，从选中图片域对象，从选中图片域对象，从“属性属性属性属性”面板上可以设置其属性。面板上可以设置其属性。面板上可以设置其属性。面板上可以设置其属性。“图像区域图像区域图像区域图像区域”：为该按钮指定一个名称。：为该按钮指定一个名称。：为该按钮指定一个名称。：为该按钮指定一个名称。“提交提交提交提交”和和和和“重置重置重置重置”是两个是两个是两个是两个保留名称，如果名称为保留名称，如果名称为保留名称，如果名称为保留名称，如果名称为“提交提交提交提交”，单击时就通知表单将表单数据，单击时就通知表单将表单数据，单击时就通知表单将表单数据，单击时就通知表单将表单数据提交给处理页面，功能就相当于提交给处理页面，功能就相当于提交给处理页面，功能就相当于提交给处理页面，功能就相当于submitsubmitsubmitsubmit；如果名称为；如果名称为；如果名称为；如果名称为“重置重置重置重置”，单击时就将所有该表单域内的表单对象值重置，功能相当于重置单击时就将所有该表单域内的表单对象值重置，功能相当于重置单击时就将所有该表单域内的表单对象值重置，功能相当于重置单击时就将所有该表单域内的表单对象值重置，功能相当于重置按钮。按钮。按钮。按钮。图图9.30 图像按钮图像按钮 图图9.31 图像按钮属性面板图像按钮属性面板 n n“源文件源文件源文件源文件”：指定要为该按钮使用的图像。：指定要为该按钮使用的图像。：指定要为该按钮使用的图像。：指定要为该按钮使用的图像。n n“替替替替代代代代”：用用用用于于于于输输输输入入入入描描描描述述述述性性性性文文文文本本本本，一一一一旦旦旦旦图图图图像像像像在在在在浏浏浏浏览览览览器器器器中中中中载载载载入入入入失失失失败败败败，将显示这些文本。将显示这些文本。将显示这些文本。将显示这些文本。n n“对对对对齐齐齐齐”：设设设设置置置置对对对对象象象象的的的的对对对对齐齐齐齐属属属属性性性性，分分分分别别别别有有有有默默默默认认认认、顶顶顶顶端端端端、居居居居中中中中、底底底底部部部部、左对齐和右对齐。左对齐和右对齐。左对齐和右对齐。左对齐和右对齐。n n“编辑图像编辑图像编辑图像编辑图像”：启动默认的图像编辑器并打开该图像文件进行编辑。：启动默认的图像编辑器并打开该图像文件进行编辑。：启动默认的图像编辑器并打开该图像文件进行编辑。：启动默认的图像编辑器并打开该图像文件进行编辑。n n“类类类类”：可以将：可以将：可以将：可以将CSSCSS规则应用于该对象。规则应用于该对象。规则应用于该对象。规则应用于该对象。步骤步骤步骤步骤 4 4：若要将某个若要将某个若要将某个若要将某个JavaScriptJavaScript行为附加到该按钮，选择该图像，行为附加到该按钮，选择该图像，行为附加到该按钮，选择该图像，行为附加到该按钮，选择该图像，然后在然后在然后在然后在“行为行为行为行为”面板（面板（面板（面板（“窗口窗口窗口窗口 行为行为行为行为”）中选择行为。）中选择行为。）中选择行为。）中选择行为。小小 结结表表表表单单的在网的在网的在网的在网页页上的上的上的上的应应用已用已用已用已经经相当广泛，如收相当广泛，如收相当广泛，如收相当广泛，如收发发EmailEmail邮邮件、件、件、件、搜索引擎搜索数据、申搜索引擎搜索数据、申搜索引擎搜索数据、申搜索引擎搜索数据、申请请个人空个人空个人空个人空间间等等，都是利用表等等，都是利用表等等，都是利用表等等，都是利用表单单来收集客来收集客来收集客来收集客户户端的数据，并将端的数据，并将端的数据，并将端的数据，并将这这些提交些提交些提交些提交给给相相相相应应的的的的动态动态网网网网页页进进行数据行数据行数据行数据处处理，最后将理，最后将理，最后将理，最后将结结果返回果返回果返回果返回给给用用用用户户。可以。可以。可以。可以说说，表，表，表，表单单是网是网是网是网页页与用与用与用与用户户之之之之间间交互的必交互的必交互的必交互的必备备工具、是网站管理者与工具、是网站管理者与工具、是网站管理者与工具、是网站管理者与浏浏览览者之者之者之者之间间沟通的沟通的沟通的沟通的桥桥梁。梁。梁。梁。因此，本因此，本因此，本因此，本讲讲着重介着重介着重介着重介绍绍表表表表单单的用途，各种常用的表的用途，各种常用的表的用途，各种常用的表的用途，各种常用的表单对单对象的象的象的象的创创建、建、建、建、设设置和功能技巧，各种表置和功能技巧，各种表置和功能技巧，各种表置和功能技巧，各种表单单元素都必元素都必元素都必元素都必须须在表在表在表在表单单域域域域中使用，所以制作表中使用，所以制作表中使用，所以制作表中使用，所以制作表单时应单时应首先插入表首先插入表首先插入表首先插入表单单域，然后在表域，然后在表域，然后在表域，然后在表单单域中插入各种表域中插入各种表域中插入各种表域中插入各种表单单元素。但是本元素。但是本元素。但是本元素。但是本讲讲只介只介只介只介绍绍作作作作为为信息收信息收信息收信息收集端的表集端的表集端的表集端的表单单制作，并不介制作，并不介制作，并不介制作，并不介绍绍收集的信息的收集的信息的收集的信息的收集的信息的处处理。理。理。理。