Dreamweaver表单制作.ppt

第9讲 表单网页;本讲学习目标 了解表单在网页中的用途。 熟悉在各种表单元素的特点。 掌握在网页中插入编辑表单的方法。 本讲学前要求 会创建复杂结构的网页。 熟悉论坛、电子邮件、有哪些信誉好的足球投注网站引擎等使用。;9.1 认识表单 ;图9.2 表单对象面板 ;9.2 创建表单域 ;9.3 插入文本域 ;“字符宽度”：指定文本字段的宽度。 “最多字符数”：指定在该文本域中最多可输入的字符个数。 注：如果“最多字符数”大于“字符宽度”，那么也多余宽度的字符不被显示。 “类型”： “单行”、“多行”、“密码”。 注：密码文本域不显示内容，用“*”来代替显示。 “初始值”：指定在首次载入表单时文本字 段中显示的值。 ;9.3.2 插入文本区域 ;“换行”：指定当用户输入的信息较多，无法在定义的文本区域内显示时，如何显示用户输入的内容，分别有以下四个值。 1）“关??或默认”：当用户输入的内容超过文本区域的右边界时，文本将向左侧滚动。用户必须按Return键才能将插入点移动到文本区域的下一行。 2）“虚拟”：在文本区域中设置自动换行。当用户输入的内容超过文本区域的右边界时，文本换行到下一行。当提交数据进行处理时，自动换行并不应用于数据。 3）“实体”：在文本区域设置自动换行，当提交数据进行处理时，也对这些数据设置自动换行。 ;“选定值”：设置在该复选框被选中时发送给服务器的值。 “初始状态”：确定在浏览器中载入表单时，该复选框是否被选中。;9.5 插入单选按钮 ;9.5.2 插入单选按钮组 ;“名称”：用来设置单选按钮组的名称，名称要唯一。 “单选按钮”：单击“＋”，添加单选按钮，“Label”列是单选按钮的文本说明，“Value”列是单选按钮的值。单击“－”删除选择好的单选按钮。通过单击 按钮来调整单选按钮的次序 。 “布局，使用”：用来设置单选按钮组的布局方式，选择“换行符”则使用换行符，竖项排列，否则使用表格。 ?提示： 一旦单选按钮被选择，同一组的单选按钮将始终有一个处于选中状态，除非点击重置按钮进行重新设定。比如，男女性别两个单选按钮，初始状态是两个都不选中，选中男后女不被选中，选中女后男不被选中，总有一个处于选中状态，只有重置才能回到两个都不选中的初始状态。 ;9.6 插入列表和菜单 ;步骤3：选中列表/菜单对象，在“属性”面板可以对其属性进行设置，如9.22图所示，各选项的含义如下。 “类型”：指定该菜单是单击时下拉的菜单（“菜单”选项），还是显示一个列有项目的可滚动列表（“列表”选项）。;“高度”：用来设置列表中显示的项数，该属性值只有在“列表”类型中才有效。 “选定范围”：指定用户是否可以从列表中选择多个项，该属性值只有在“列表”类型中才有效。 “列表值”：单击该按钮，打开一个“列表值”对话框，如9.24图所示。单击“＋”按钮增加列表值，单击“－”按钮删除列表值。“项目标签”指用户看到的列表项目的文本，“值”指的是该项目所要传递给处理页面的信息（如网址、出身地址等）。 “初始化时选定”：用来设置表单首次被载入时，该菜单/列表中哪个值将被选定。;9.6.2 插入跳转菜单 ;步骤3：单击“添加项”按钮添加菜单项，在“文本”文本框中为菜单项输入要在列表中显示的文本。 步骤4：在“选择时，转到URL”文本框中，单击“浏览”按钮找到要打开的文件，或者在文本框中输入该文件的路径。 步骤5：在“打开URL于”下拉列表框中选择文件打开的位置。 步骤6：在“菜单名称”文本框中，输入菜单项的名称。 步骤7：单击“确定”按钮完成操作。 ;9.7 插 入 按 钮 ;步骤 3：选中该按钮，其属性面板如9.28图所示，各属性值的含义如下。 “按钮名称”：为该按钮指定一个名称。 “标签”：确定按钮上显示的文本，如果是提交按钮可以是“提交”“确认”等等，如果是重置按钮可以是“重置”“重来”“取消”等等。 “动作”：确定单击该按钮时发生的操作，分别有“提交表单”、“重设表单“和“无”。 若选择“提交表单”，则该按钮为提交按钮，对应的type值为submit，将当前表单域内所有数据提交到服务器处理；若选择“重设表单”，则该按钮为重置按钮，对应的type值为reset，单击后将复原所有表单对象的值；若选择“无”，则该按钮为普通按钮，对应的type值为button。 ;9.7.2 插入图像按钮 ;步骤2：本书在“本讲实例”目录下准备了图片submit.gif和reset.gif，分别选中图片，单击“确定”按钮，两个图像域随即出现在表单中，如图9.30所示。 步骤 3：选中图片域对象，从“属性”面板上可以设置其属性。 “图像区域”：为该按钮指定一个名称。“提交”和“重置”是两个保留名称，如果名称