第14课 使用表单.pptVIP

第14课 使用表单 课堂讲解 表单简介 创建表单 添加表单对象 表单简介 绝大多数的网站都用到了表单，表单是收集访问者反馈信息的有效方式，如在网上申请邮箱、申请加入某某论坛、参加网上调查、填写订货单及建立检索界面时，都是通过表单来实现的，如图所示即为表单的示例。当访问者将信息输入到表单中，并单击提交按钮（如图所示的 按钮，网页不同，其形式可能不同）后，如果已经建立了后台的处理程序，则会将表单中的信息发送到服务器，并调用后台处理程序对这些信息进行处理，完成后将处理信息返回给访问者，或基于该表单内容执行一些操作来进行响应。 创建表单 创建表单 设置表单属性 要在Dreamweaver MX 2004中创建表单网页，首先应该创建表单并对其进行属性设置，然后再向表单中添加需要的表单对象，设置其属性，最后创建后台处理程序，否则访问者填完信息，单击提交按钮后是不会有任何回应的。后台程序可以是脚本代码或用ASP、PHP等语言编写的程序，关于这方面的知识，请参考相关的书籍。下面对表单的创建、表单属性设置、表单对象的添加进行讲解。 创建表单 在Dreamweaver MX 2004插入栏中有专门的“表单”选项卡，单击相应的按钮并进行相应的操作即可完成表单的创建及表单对象的添加。可以将整个网页创建成一个表单网页，也可以在网页的部分区域中添加表单，其创建方法都相同。 设置表单属性 将插入点定位到插入的表单中，打开属性面板进行设置，各属性的含义如图所示。 传送表单数据的方式一般有POST和GET两种，其中GET方式是以将表单中的信息追加到处理程序地址后面的方式进行传送，如单击提交按钮后在浏览器地址栏中常看到如/save_data.asp?txtName=mastertxtEmail=master@的形式，它就是用GET方式传送的表单信息。使用这种方式不能发送信息量大的表单（不能超过8192个字符），只适用于访问者登录这种信息量小的表单。 采用POST方式传送表单数据时，它将表单信息嵌入到请求处理程序中，在理论上这种方式对表单的信息量是不受限制的。 如果在属性面板的“方法”下拉列表框中选择“默认”选项，则采用浏览器默认的设置对表单数据进行传送，一般的浏览器将以GET方式传送。 默认的MIME类型为application/x-www-form-urlencoded，通常与POST方法协同使用。如果要创建文件上传表单，则应选择multipart/form-data类型。 添加表单对象 表单对象介绍 插入表单对象 表单对象介绍 表单对象有文本字段、文本区域、隐藏域、单选按钮、复选框、按钮、列表/菜单、文件域和图像域等，下面分别进行讲解。 文本字段 隐藏域 文本区域 复选框 单选按钮 单选按钮组 文本字段 文本字段是最常见的表单对象之一，可接受任何类型的字母、数字、文本等内容的输入。文本字段可以是单行或多行，也可是密码域，使用密码域时，当访问者输入信息时将以星号或圆点显示以达到保密的目的。 隐藏域 使用隐藏域可存储访问者输入的信息内容（如姓名和电子邮件地址等），且不会在网页中显示出来，只是为了向服务器提供这些数据，便于通过后台处理程序实现在该访问者下次访问此站点时显示这些数据的目的。如访问者在登录表单中输入了访问者姓名，隐藏域就会将其记录下来，在访问者打开本网站其他页面时显示一段包含访问者姓名的欢迎信息。 文本区域 文本区域可接受字母、数字、文本等任何类型的输入内容。文本区域可以用单行或多行（默认）显示，也可用密码域的方式显示，和文本字段相似。 复选框 允许在一组选项中选择一个或多个选项。 单选按钮组 单选按钮组也是单选按钮，但它可以一次性插入多个单选按钮。 跳转菜单 单击跳转菜单中的任意一个选项，可跳转到相应的网页。可参考第13课第13.1.4节第9部分关于“跳转菜单”行为这部分知识进行学习。 图像域 使用图像域可以用Fireworks等图形处理软件制作一些较漂亮的按钮图像来代替Dreamweaver MX 2004默认的按钮以美化网页。 文件域 文件域使访问者浏览到本地计算机上的某个文件，并将该文件作为表单数据上传。 标签 使用标签选择器可将Dreamweaver标签库、ColdFusion标签库和ASP.NET标签库中的任何标签插入到页面中。 插入表单对象 下面分别讲解向表单添加对象的方法。 插入文本字段 插入隐藏域 插入文本区域 插入复选框 插入单选按钮 插入单选按钮组 插入文本字段 根据文本字段的行数和显示方式可分为单行文本字段、多行文本字段和密码域3种，插入文本字段的效果如图所示。 插入隐藏域 隐藏域是指在浏览器上不显示的表单对象，插入隐藏域的效果如图所示。 插入文本区域 插入单选按钮组 使用插入单选按钮组可一次性插入多个单选按