《中文版Dreamweaver CS3网页制作实用教程》课件第8章(精品·公开课件).pptVIP

教学重点与难点 中文版Dreamweaver CS3实用教程 第8章 使用表单 表单是Internet用户与服务器进行信息交流的重要工具，在网页中有着广泛的应用，如留言板、有哪些信誉好的足球投注网站引擎、注册程序等。通常，一个表单中会包含多个对象，也称为控件。一个完整的表单包括表单对象和应用程序两个基本组件。其中，表单对象在网页中起描述作用，应用程序则是服务器端或客户端的脚本，通过它实现对用户信息的处理。本章将主要介绍在Dreamweaver 8中制作和编辑表单的方法。 创建表单 插入表单对象 8.1 创建表单 表单在网页中时提供给访问者填写信息的区域，从而可以收集客户端信息，使网页更加具有交互的功能。一般将表单设置在一个HTML文档中，访问者填写相关信息后提交表单，表单内容会自动从客户端的浏览器传送到服务器上，经过服务器上的ASP或CGI等程序处理后，再将访问者所需的信息传送到客户端的浏览器上。使用Dreamweaver CS3可以创建带有文本域、密码域、单选按钮、复选框、弹出菜单、可单击按钮以及其他表单对象的表单。 表单的概念 认识表单对象 插入表单 8.1.1 表单的概念 表单是由窗体和控件组成的，一个表单一般包含用户填写信息的输入框和提交按钮等，这些输入框和按钮叫做控件。 表单用form/form标记来创建的，再form/form标记之间的部分都属于表单的内容。form标记具有action、method和target属性。 8.1.2 认识表单对象 在Dreamweaver CS3中，表单输入类型称为表单对象。可以在网页中插入表单并创建各种表单对象。 要在网页文档中插入表单对象，选择“插入记录”|“表单”命令，或单击“插入”工具栏中的“表单”选项卡，打开“表单”插入栏，如图所示。单击要插入的对象类型按钮，或将拖入文档窗口中即可。 8.1.3 插入表单 表单对象是在表单的基础上存在的，所以要添加表单对象，首先应该创建表单。这时可以选择“插入记录”|“表单”|“表单”命令，或单击“插入”工具栏中的“表单”选项卡，打开“表单”插入栏，单击“表单”按钮，在文档中插入一个表单，如图所示。 8.2 插入表单对象 表单是表单对象的载体，网页在提交数据时就是通过检测表单内表单对象的信息来完成的。本节重点讲述在文档中使用“表单域”来创建文本域、多行文本域、文件上传和隐藏域的方法。 插入文本域和隐藏域 插入复选框和单选按钮 插入列表和表单 插入表单按钮 8.2.1 插入文本域和隐藏域 文本域是一个重要的表单对象，可以输入相关信息，例如用户名、密码等。“隐藏域”在浏览器中是不被显示出来的文本域，主要用于实现浏览器同服务器在后台隐藏地交换信息。在提交表单时，该域中存储的信息将一起被发送到服务器。 8.2.2 插入复选框和单选按钮 复选框和单选按钮是预定义选择对象的表单对象。用户可以在一组复选框中选择多个选项；单选按钮也可以组成一个组使用，提供互相排斥的选项值，在单选按钮组内只能选择一个选项。 8.2.3 插入列表和表单 列表和菜单也是预定义选择对象的表单对象，使用它们可以在有限的空间内提供多个选项。列表也称为“滚动列表”，提供一个滚动条，允许访问者浏览多个选项，并进行多重选择。菜单也称为“下拉列表框”，仅显示一个选项，该项也是活动选项，访问者只能从菜单中选择一项。 8.2.4 插入表单按钮 表单按钮用于控制对表单的操作。当输入完表单数据后，可以单击表单按钮，提交服务器处理；如果对输入的数据不满意，需要重新设置时，可以单击表单按钮，重新输入；还可以通过表单按钮来完成其他任务。