第8章 表单的设计与操作.pptVIP

表单的设计与操作 本章主要内容 了解表单的基本概念及作用 掌握表单及各种表单对象的创建 熟悉各种表单对象相关属性的设置 掌握并理解两种不同的表单的验证方式 表单的基础知识 1.表单的组成 任何一个表单都必须由两个重要部分组成：一是描述表单的HTML源代码 （如描述文本框、标签、按钮等网页上的可见部分）；二是用于处理用户提 交信息的脚本程序（如CGI、JSP、ASP、PHP等）。只有这两部分结合在一起 ，才能完成信息的收集、信息处理、信息反馈。只有这两部分结合在一起 ，才能完成信息的收集、信息处理、信息反馈等功能。 2.工作过程 当访问者在web浏览器中显示的表单中输入信息后单击提交按钮时，这些信 息将被发送到服务器，服务器端脚本或应用程序在该处对这些信息进行处理。 用于正理表单数据的常用服务器技术包括：Macromedia ColdFusion 、 Microsfot Active Server Pages(ASP)和PHP。服务器进行响应时会将被请求信 息发送回用户（或客户端），或基于该表单内容执行一些操作。 表单的基础知识 3.表单对象 表单是一个对象，同时也是一个对象容器，即在一个表单中又可以插入很 多类型的其他对象，如文本域对象用于输入文字，按钮对象用于提交命令， 文件域对象用于选择一个文件，更表框对象用于显示选项列表并进行选择等。 在Dreamweaver 8中，支持以可视化的方式是时行表单和表单对象的创建 ，若希望完成表单的信息处理功能，还必须编写服务器端的脚本程序。 插 入 表 单 1.表单的基本组成 文档中的一个表单基本上由三个部分组成： Form标签：其中包括将要处理该表单的脚本程序的URL地址以及数据传送 到服务器的方式。 表单域：其中包括了各种具体的表单对象，如文本域、跳转菜单、文件选 择域等 提交按钮：使用该按钮将数据送给服务器的某脚本程序 2.创建表单 原则上来说，在页面中插入任何表单对象之前，最好先创建一个表单。 方法如下： 在当前文档中将鼠标移到欲创建表单的位置 执行下列两种方式之一以插入表单： 插 入 表 单 执行菜单命令“插入/表单/表单” 在“对象”面板的“表单”分类中选取“插入表单”图标 注： 若在当前文档中直接插入一个表单对象而不先创建表单，则Dreamweaver 将显示一个提示对话框，以询问是否添加表单标签，单击“是”按钮则 Dreamweaver将自动为该对象创建表单标签 当表单创建完后，在当前文档窗口的光标处会出现 一个红色虚线边框， 在框内就可以任意地插入各种表单对象。若看不到该框线，可检查“查看/可 视化助理/不可见元素”选项是否已被选取 在实际浏览网页时，红色虚线边是不可见的。 插 入 表 单 3.表单属性 表单属性参数如下所示： 表单名称：给表单惟一的名称来标识它，以便使用脚本语言如JavaScript 或VBScript来引用该表单 动作：指定处理表单信息的脚本程序所在URL路径地址 方法 默认：该方法使用浏览器的信息值追加到URL后面发送给服务器。通常为 GET方法。 GET：该方法将提交的信息追加到URL后面发送给服务器。注意：由于 URL被限制为最多8912个字符，若传送数据太长，数据会被自动截短，因此 信息量较多建议不要使用该方法 POST：该方法将在HTTP请求中嵌入表单数据信息 插 入 表 单 MIME类型：该属性用来设置发送表单到服务器的媒体类型，只用当发送方 法为POST时才有效。其默认值为application/x_www-form-urlemoded；若要 创建上传文件文本域则选择multipart/form-data 目标 _blank: 保留当前窗口不变，在新的窗口中打开目标文档 _parent: 在当前文档窗口的父窗口中显示目标文档 _self: 在当前窗口内打开目标文档，替换当前窗口的内容 _top: 在当前窗口的主窗口内打开文档并替换所有内容 插 入 表 单 4.插入文本域 (1).概述 Dreamweaver提供了文本域对象来让用户输入信息，文本域共有三种类型： 单选文本域：用于输入一行文本，通常是单个词汇或者短句，如用户名等 多行文本域：输入多行文本，通常是多个句子，如反馈意见、自我评价等 密码域：是一种特殊类型的文本域，当用户在密码域中输入内容时，输入 的文本会被隐藏并自动替换为设定的密码字符（通常是项目符号和星号） 注：用户浏览网页时，在密码域中输入的文本虽然隐藏并被自动替换，但当 密码文本被发送到服务端时，传递的数据是可以被截取和识别的，所以这种 传输方式并不是安全的，最好在数据数据被发送到服务器端之前对它进行加 密处理。 插 入 表 单 (2).插入单行文本域 方法如下： 插入/表单/文本域