中文版Dreamweaver8实用教程1223创建表单按钮.PPTVIP

第12章 创建交互式表单 12.1 教学目标 12.2 理论指导 12.2.1 使用表单 12.2.2 使用表单对象 12.2.3 使用复选框和单选按钮 12.2.3 创建列表和菜单 12.2.3 创建表单按钮 12.3 上机实验 中文版Dreamweaver 8实用教程 表单在HTML页面中起着非常重要的作用，它是与访问者交互信息的主要手段。表单一般包括说明性文字、用于输入文本的文本域、用于选择项目的单选按钮和复选框、用于显示选项列表的列表框以及用于发送命令的提交和重填按钮等内容。 通常，一个完整的表单包括表单对象和应用程序两个基本组件。其中，表单对象在网页中起描述作用，应用程序则是服务器端或客户端的脚本，通过它们实现对用户信息的处理。 掌握知识：通过本章的学习，读者应了解规划表单、创建表单与设置表单的方法，并能使用Dreamweaver 8制作表单网页。 重点学习：本章重点讲解了复选框和单选按钮、创建列表和菜单，以及表单按钮的方法。 课后读者应结合上机操作进行强化练习。 使用表单 使用表单对象 使用复选框和单选按钮 创建列表和菜单 创建表单按钮 表单在网页中有着广泛的应用，如留言板、搜索引擎、注册程序等。通常表单对象包括两个部份，一是描述表单的HTML源代码，一是处理用户在由HTML创建的表单中输入信息的服务器端或客户端应用程序。因此，一个完整的表单交互包括两个步骤，一是在客户端通过表单收集访问者信息，并提交到服务器，这一步可以由HTML文件完成，也可以由ASP、PHP等文件完成；二是服务器端的应用程序对这些信息加以处理。 认识表单对象 规划表单内容 创建表单 设置表单属性 在 Dreamweaver 中，表单输入类型称为表单对象。用户可在网页中插入表单并创建各种表单对象，这些表单对象包括文本域、多行文本域、隐藏域、单选按钮、复选框、列表菜单、跳转菜单、图形域、文件字段和按钮等。 要在网页文档中插入表单对象，可以选择“插入”|“表单”命令，或选择“插入”栏中的“表单”选项卡，切换到表单插入栏，在插入栏中单击要插入的对象类型按钮，或将其拖入文档窗口中。 表单对象是在表单的基础上存在的，所以要添加表单对象，首先应该创建表单。 要创建表单,可以选择“插入”|“表单” |“表单”命令，或选择“插入”栏中的“表单”选项卡，切换到表单插入栏，然后单击“表单”按钮即可。 要设置表单的属性，可在文档中选中表单，然后选择“窗口”|“属性”命令以显示表单的属性检查器。 在创建表单对象之前，必须先在文档中插入表单。如果没有插入表单，系统会弹出对话框提示是否添加表单。表单是表单对象的载体，网页在提交数据时就是通过检测表单内表单对象的信息来完成的。本节将重点讲述在文档中使用“表单域”来创建文本域、多行文本域、文件上传域和隐藏域的方法。 创建文本域 设置文本域属性 创建文件上传域 设置文件上传域属性 创建隐藏域 设置隐藏域属性 “复选框”和“单选按钮”是预定义选择对象的表单对象，也就是预先定义好的可能的选项，访问者只需单击选择即可。同时，利用这样的表单对象，可以限制访问者填写的内容。使收集的信息更加规范，有利于信息的统计。 复选框中提供了多个选项供访问者选择, 而单选按钮提供相互排斥的选项值，用户在单选按钮组内只能选择一个选项。 创建复选框 设置复选框属性 创建单选按钮及单选按钮组 设置单选按钮属性 列表和菜单也是预定义选择对象的表单对象，用它们可以在有限的空间内为用户提供多个选项。列表也称为“滚动列表”，提供一个滚动条，允许访问者浏览多个选项，并进行多重选择。菜单也称为“弹出式菜单”或“下拉列表框”，仅显示一个选项，该项也是活动选项，访问者只能从菜单中选择一项。 创建列表/菜单 设置列表/菜单属性 创建跳转菜单 设置跳转菜单属性 表单按钮是表单中一个相当重要的表单对象，当用户输入完表单数据后，可以单击表单按钮，将其提交服务器处理。如果对输入的数据不满意，需要重新设置时，可以单击表单按钮，重新输入。用户也可以使用表单按钮来执行其他任务。 创建文本表单按钮 设置表单按钮属性 创建图形提交按钮 设置图形提交按钮属性 本章的上机实验主要练习创建与设置交互式表单的操作，以及综合利用各种交互式表单