【网页制作课件】表单的应用.pptVIP

第八讲 表单的应用 概述：表单技术可以实现浏览者与服务器之间信息的交互传送，它是网络信息收集处理的一种重要的方式。通过表单可以从网络的用户端收集信息，然后将收集来的信息经过服务器处理后再反馈给用户。 目前，有非常多的网站都在应用表单技术，如网上调查、电子商务、留言板等页面都能够接收浏览者输入的信息，而表单已成为网站获取用户信息的重要手段。 表单有两个重要组成部分： 1）、由Dreamweaver MX生成的表单页面。 2）、用于处理浏览者在表单域中输入的信息的服务器端的应用程序或脚本程序，如CGI、ASP等。 浏览者在网页上看到有关表单的页面，只是供浏览者输入信息的表单页面。当浏览者按要求在表单中填写有关信息，单击表单的“提交”按钮之后，表单的内容就会上传到服务器，并且由事先编写好的CGI或ASP程序来处理这些信息，最后服务器再将处理的结果发送给浏览者的浏览器。 可见，表单的应用必须依赖服务器端脚本才能真正发挥其功能。 下面我们要学习的是它的第一部分：重点学习如何使用Dreamweaver MX生成各种功能的表单页面。 表单的主要功能是接收输入的信息。浏览者输入的信息是多种多样的，这些不同类别的信息如何接收呢？ Dreamweaver MX工具又是如何实现的呢？ 主要内容： 一、建立表单 二、向表单添加对象 三、举例说明 四、本节小结 五、作业 一、建立表单 Dreamweaver MX为了方便用户创建表单的各种组件（或者称之表单域对象），把创建各种组件的快捷按钮都收集在插入栏中的表单面板【 Forms（ 表单）】中，共有10多个对象，我们可以通过使用这些对象来建立各种各样的表单。 所以， 用户在创建表单时，可以先打开插入栏中的表单面板，然后再进行表单网页的设计。 在上图的文档窗口中显示的红色虚线框就是新插入的空白表单，如果看不到红色虚线框，只要选择主菜单的【查看】/ 【可视化处理】/ 【隐藏元素】命令，就可以看到虚线框了。 2）、表单属性面板中参数介绍 在文档中插入了表单对象后，单击表单红色虚线框，或单击HTML状态栏中的form标记，系统就会弹出该表单对象的属性面板，如下图所示： 表单属性面板的属性说明： （1）、【表单名称（Form Name） 】：此项为表单定义名称，输入一个能在脚本程序（ASP、Javascript）中引用的表单名称，一般为英文名称，系统默认给名为form1。 （2）、 【动作】：在此输入一个在服务器端处理表单信息的应用程序的URL，或单击 按钮来定位应用程序。路径可以表示为： /application-name/process.asp （3）、 【方法】：指的是表单数据传输到服务器的方法 ，共有以下3项作为选择： 默认：使用浏览器的默认设置将表单数据发送到服务器。通常，默认方法为 GET 方法。 GET：将表单内的数据附加到URL后面传送给服务器。此方式有长度限制，不能超过8192个字符。（不要使用这种方法发送长表单，否则可能出现数据被截断而导致失败的处理结果。另外这种方法不安全） POST：用标准的数据传送方式，是在 HTTP 请求中嵌入表单数据（或者说是在网页正文中发送表单数据）。此方式没有长度限制，又非常安全。 （4）、【MIME类型】：指定对提交给服务器进行处理的数据使用 MIME 编码类型。默认设置 application/x-www-form-urlencode 通常与 POST 方法协同使用。如果要创建文件上传域，请指定 multipart/form-data MIME 类型。 （5）、【目标】：指定一个窗口，在该窗口中显示调用程序所返回的数据。如果命名的窗口尚未打开，则打开一个具有该名称的新窗口。目标值有： _blank，在未命名的新窗口中打开目标文档。 _parent，在显示当前文档的窗口的父窗口中打开目标文档。 _self，在提交表单所使用的窗口中打开目标文档。 _top，在当前窗口的窗体内打开目标文档。 每一个表单都是通过添加各种不同的表单对象（元素）来实现表单的功能，打开“插入栏”浮动面板中的“表单”面板，可以看到Dreamweaver MX系统可以使用的各个对象： 文本域：接受任何类型的字母或数字文本项。该文本可以显示为单行、多行，对于私有信息，也可以显示为一系列点或星号（例如，用于保护密码）。浏览者输入文字较麻烦，故在表单中应尽量少用，尽可能用其它表单对象。 隐藏域：表单的隐藏域在浏览时是看不到的，浏览者也不能执行该操作，利用隐藏域可以实现浏览器同服务器在后台不公开地交换信息。 复选框：允许在一组选项中选择多项。用户可以选择任意多个适用的选项。 单选按钮，代表互相排斥的选择。