Dreamweaver 8 中文版应用教程电子课件——表单.ppt

Dreamweaver 8中文版应用教程 Dreamweaver 8中文版应用教程 第11章 表单 重点内容： 创建表单 插入与设置文本域和文本区域 插入与设置复选框、单选按钮和单选按钮组 插入与设置列表框和弹出菜单 插入与设置跳转菜单 插入与设置文件域 插入与设置表单按钮 验证表单 一、表单与表单元素 1.表单 应用表单可以与Web站点的访问者进行交互或从Web站点收集信息。表单从用户收集信息，然后将这些信息提交给服务器进行处理。表单可以包含允许用户进行交互的各种对象。这些表单对象包括文本域、列表框、复选框和单选按钮。 2.表单元素 Dreamweaver提供了大量的表单元素。切换到“插入”工具栏的“表单”类下，即可看到各种表单元素。 二、表单 1.创建表单 单击“插入”工具栏上“表单”类中的 “表单”按钮，或者选择“插入”|“表单”| “表单”命令，在光标所在行插入一个空白表单。 2.设置表单属性 表单创建后，可以开始为其设置属性。要设置属性就必须先选中表单，选择表单的方法有两种：一种是通过单击该表单轮廓选中表单；另一种是从文档窗口左下角的标签选择器中选择<form>标签。选中表单后，表单的属性面板如图所示。 三、文本域、文本区域和隐藏域 1.插入文本域 单行文本域：该类型只能用来输入一行的信息，通常提供单字或短语响应，如姓名或地址。 多行文本域：该类型可以输入多行信息，为访问者提供一个输入响应的较大区域。设计者可以指定访问者最多可输入的行数及对象的字符宽度，如果输入的文本超过这些设置，则该域将按照换行属性中指定的设置进行滚动。 密码文本域：该类型比较特殊，当用户在域中输入时，所输入的文本被替换为星号或项目符号，以隐藏该文本，保护这些信息。在该文本框中输入的信息，都会以*显示在屏幕上，浏览时以点代替。 三、文本域、文本区域和隐藏域 2.插入隐藏域 在“设计”视图中，将插入点置于表单内，单击“插入”工具栏“表单”类中的“隐藏域”按钮，或选择“插入”|“表单”|“隐藏域”命令，在表单内会插入图标 。选择插入的隐藏域图标，在“隐藏域”文本框中，为该域键入一个惟一名称，在“值”文本框中，键入要为该域指定的值。 3.插入文本区域 若要插入文本区域表单对象，应先将插入点置于表单内，单击“插入”工具栏上“表单”类别的“文本区域”按钮，或选择“插入”|“表单”|“文本区域”命令，即可在表单内插入文本区域。 4.设置文本域的属性 选择不同的文本域，属性面板中就会显示出对应的文本域属性。 四、复选框、单选按钮和单选按钮组 1.插入单选按钮与复选框 要在表单中插入单选按钮，应先将光标置于表单中，再单击“插入”工具栏“表单”类中的“单选按钮”按钮，或选择“插入”|“表 单”|“单选按钮”命令即可。要在表单中插入复选框， 应先将光标置于表单中，再单击“插入”工具栏“表单” 类中的“复选框”按钮，或选择“插入”|“表单”|“复选框”命令即可。 2.插入单选按钮组 单击“插入”工具栏“表单”类中的“单选按 钮组”按钮，或选择“插入”|“表单”|“单选按 钮组”命令，打开如图所示“单选按钮组”对话 框，用于添加单选按钮组。 五、列表框和弹出菜单 1.插入列表框与弹出菜单 插入列表框,单击“插入”工具栏“表单”类“列表/菜单”按钮，或选择“插入”|“表单”|“列表/菜单”命令插入弹出菜单 。插入列表框，应先选择插入弹出菜单，然后在列表/菜单的属性面板中选中“类型”选项组中的“列表”单选按钮，完成列表框框架的插入。 无论是插入弹出菜单，还是插入列表框，都 需要添加可选择的内容以供浏览者选择。选择插 入的列表/菜单，然后单击属性面板中的“列表值” 按钮，打开“列表值”对话框进行设置。 2.设置列表/菜单属性 选择列表/菜单后，即可在属性面板中设置相关属性。 六、跳转菜单 要插入跳转菜单，应先将插入点置于表单中，然后单击“插入”工具栏中“表单”类中的“跳转菜单”按钮，或选择“插入”|“表单”|“跳转菜单”命令，打开“插入跳转菜单”对话框。完成设置后单击“确定”按钮，即可在表单中插入跳转菜单。 七、图像域 要在网页中插入图像域，应先确定插入的位置，然后单击“插入”工具栏“表单”类中的“图像域”按钮，或选择“插入”|“表单”|“图像域”命令，打开“选择图像源文件”对话框。选择图片后单击“确定”按钮，即可在表单中插入一个图像区域。 八、文件域 要在表单中插入文件域，应先选择表单，从表单属性面板中的“方法”下拉列表框中选择“POST”选项，再从“MIME类型”下拉列表框中选择“multipart/form-data”选项。然后将光标定位在表单中要插入