《表单的设计与操作》PPT课件

《《表单的设计与操作》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、表单的设计与操作本章主要内容了解表单的基本概念及作用掌握表单及各种表单对象的创建熟悉各种表单对象相关属性的设置掌握并理解两种不同的表单的验证方式表单的基础知识1.表单的组成任何一个表单都必须由两个重要部分组成：一是描述表单的HTML源代码（如描述文本框、标签、按钮等网页上的可见部分）；二是用于处理用户提交信息的脚本程序（如CGI、JSP、ASP、PHP等）。只有这两部分结合在一起，才能完成信息的收集、信息处理、信息反馈。只有这两部分结合在一起，才能完成信息的收集、信息处理、信息反馈等功能。2.工作过程当访问者在web浏览器中显示的表单中输入信息后单击提交按钮时，这些信息将被发送到服务器，服

2、务器端脚本或应用程序在该处对这些信息进行处理。用于正理表单数据的常用服务器技术包括：MacromediaColdFusion、MicrosfotActiveServerPages(ASP)和PHP。服务器进行响应时会将被请求信息发送回用户（或客户端），或基于该表单内容执行一些操作。表单的基础知识3.表单对象表单是一个对象，同时也是一个对象容器，即在一个表单中又可以插入很多类型的其他对象，如文本域对象用于输入文字，按钮对象用于提交命令，文件域对象用于选择一个文件，更表框对象用于显示选项列表并进行选择等。在Dreamweaver8中，支持以可视化的方式是时行表单和表单对象的创建，若希望完成表单

3、的信息处理功能，还必须编写服务器端的脚本程序。插入表单1.表单的基本组成文档中的一个表单基本上由三个部分组成：Form标签：其中包括将要处理该表单的脚本程序的URL地址以及数据传送到服务器的方式。表单域：其中包括了各种具体的表单对象，如文本域、跳转菜单、文件选择域等提交按钮：使用该按钮将数据送给服务器的某脚本程序2.创建表单原则上来说，在页面中插入任何表单对象之前，最好先创建一个表单。方法如下：在当前文档中将鼠标移到欲创建表单的位置执行下列两种方式之一以插入表单：插入表单执行菜单命令“插入/表单/表单”在“对象”面板的“表单”分类中选取“插入表单”图标注：若在当前文档中直接插入一个表单对象

4、而不先创建表单，则Dreamweaver将显示一个提示对话框，以询问是否添加表单标签，单击“是”按钮则Dreamweaver将自动为该对象创建表单标签当表单创建完后，在当前文档窗口的光标处会出现一个红色虚线边框，在框内就可以任意地插入各种表单对象。若看不到该框线，可检查“查看/可视化助理/不可见元素”选项是否已被选取在实际浏览网页时，红色虚线边是不可见的。插入表单3.表单属性表单属性参数如下所示：表单名称：给表单惟一的名称来标识它，以便使用脚本语言如JavaScript或VBScript来引用该表单动作：指定处理表单信息的脚本程序所在URL路径地址方法默认：该方法使用浏览器的信息值追加到U

5、RL后面发送给服务器。通常为GET方法。GET：该方法将提交的信息追加到URL后面发送给服务器。注意：由于URL被限制为最多8912个字符，若传送数据太长，数据会被自动截短，因此信息量较多建议不要使用该方法POST：该方法将在HTTP请求中嵌入表单数据信息插入表单MIME类型：该属性用来设置发送表单到服务器的媒体类型，只用当发送方法为POST时才有效。其默认值为application/x_www-form-urlemoded；若要创建上传文件文本域则选择multipart/form-data目标_blank:保留当前窗口不变，在新的窗口中打开目标文档_parent:在当前文档窗口的父窗口中

6、显示目标文档_self:在当前窗口内打开目标文档，替换当前窗口的内容_top:在当前窗口的主窗口内打开文档并替换所有内容插入表单4.插入文本域(1).概述Dreamweaver提供了文本域对象来让用户输入信息，文本域共有三种类型：单选文本域：用于输入一行文本，通常是单个词汇或者短句，如用户名等多行文本域：输入多行文本，通常是多个句子，如反馈意见、自我评价等密码域：是一种特殊类型的文本域，当用户在密码域中输入内容时，输入的文本会被隐藏并自动替换为设定的密码字符（通常是项目符号和星号）注：用户浏览网页时，在密码域中输入的文本虽然隐藏并被自动替换，但当密码文本被发送到服务端时，传递的数据是可以被

7、截取和识别的，所以这种传输方式并不是安全的，最好在数据数据被发送到服务器端之前对它进行加密处理。插入表单(2).插入单行文本域方法如下：插入/表单/文本域单击“插入”面板上“表单”分类中的“文本字段”图标参数设置如下：文本域：为该文本域指定一个名称。一般为了能准确标识每一个对象，每个文本域都必须有一个惟一的名称，并且命名表单对象时不能包含空格或特殊字符，可以使用字母数字字符和下划线的任意组合，最好选用该对象的英文名，或者