第7章表单的应用

第7章表单在制作动态网页时，要实现信息交互，常常用到表单。

常见的表单有搜索表单、用户登录注册表单、调查表单、留言簿表单等。

本章节将和大家一起探讨在表单的基本概念和各个元素，以及在Dreamweaver CS4中如何创建表单，并通过实例掌握表单制作的方法。

【学习目标】●了解Web服务器的作用。

●掌握IIS的安装和设置方法。

●掌握更改站点设置的方法。

●知道表单域的含义；熟练掌握各种表单栏目的插入与设置。

●能够综合使用各种表单栏目制作留言簿。

●知道发送表单结果的多种方法。

●掌握验证表单的方法。

7.1 关于表单表单是用来收集站点访问者信息的域集，可实现网页与浏览者间的交互，达到收集浏览者输入信息的目的。

表单是浏览网页的用户与网站管理者进行交互的主要窗口，Web管理者和用户之间可以通过表单进行信息交流。

表单内有多种可以与用户进行交互的表单元素，如文本框、单选框、复选框、提交按钮等元素。

在服务器端，信息处理由CGI （Common Gete Way Interface）、JSP （Javaserver Page）或ASP （Active Server Page）等应用程序处理。

下面是几个表单应用的例子，邮箱用户注册表单如图14.1所示，搜索引擎表单如图14.2所示，在线测试表单如图14.3所示。

7.2 表单元素表单域简单地说，表单就是用户可以在网页中填写信息的表格，其作用是接收用户信息并将其提交给Web服务器上特定的程序进行处理。

表单域，也称表单控件，是表单上的基本组成元素，用户通过表单中的表单域输入信息或选择项目。

在建立表单网页之前，首先就要建立一个表单域。

在7.1节中详细介绍了表单的基本概念，使用Dreamweaver CS4可以创建各种表单元素，如文本框、滚动文本框、单选框、复选框、按钮、下拉菜单等。

在“插入”工具栏的“表单”类别中列出了所有表单元素，如图14.4所示7.2.1 插入表单（1）将光标放在“编辑区”中要插入表单的位置；然后在“插入”工具栏的“表单”类别中，单击“表单”按钮；此时一个红色的虚线框出现在页面中，表示一个空表单，如图14.5所示（2）单击红色虚线，选中表单；在“属性检查器”中，“表单名称”文本框中输入表单名称，以便脚本语言Javascript通过名称对表单进行控制；在“方法”下拉列表框中，选择处理表单数据的传输方法，“Post”方法是在信息正文中发送表单数据，“Get”方法是将值附加到请求该页面的URL中；在“目标”下拉列表框选择服务器返回反馈数据的显示方式，这里选择“_blank”，即在新窗口打开；“MIME类型”下拉列表框指定提交服务器处理数据所使用MIME编码类型。

网页设计与开发第７章考试及答案————————————————————————————————作者: ————————————————————————————————日期:ﻩ《网页设计与开发第7章》试卷一、选择题1.下列关于表单的说法不正确的一项是（）。

Ａ.表单元素可以单独存在于网页表单之外Ｂ.表单中包含各种对象，例如文本域、列表框、复选框和单选按钮Ｃ.ｇeｔ和post方法是浏览器将表单信息提交给服务器程序的两种主要方法Ｄ.表单由两部分组成:一是描述表单的HＴＭL源代码;二是用来处理用户在表单域中输入的信息的服务器端应用程序客户端脚本答案: A２. 下列不是表单域的控件是（）。

A.单行文本框B.复选框C．下拉菜单D．图文框答案: D3. HTML语言中表单的作用是( )。

A.显示图像Ｂ.设置超链接C．收集用户反馈信息D．显示网页信息答案: Ｃ4. 有如下一行代码＜ｉｎpｕt type=＂texｔ＂name="tｘt＂＞请问它的功能是（）。

Ａ．创建一个文本框Ｂ．创建一个密码框Ｃ.创建一个文本域D．创建一个按钮答案: A5.在ＨＴMＬ中，＜ｆｏrm action＝?>,action表示（)。

Ａ.提交的方式B.表单所用的脚本语言C．提交的UＲL地址Ｄ．表单的形式答案： B6.在HTＭL中,<fｏrm meｔｈｏd=?>,ｍethod表示( ）。

Ａ．提交的方式B．表单所用的脚本语言C．提交的ＵＲＬ地址D.表单的形式答案: Ａ7. 增加表单的复选框的HＴML代码是( ）。

A.<inpｕt type=suｂmiｔ>B．<iｎｐｕt ｔｙpe= image >C．<inｐuｔｔype=text>Ｄ．<ｉｎput type=cｈeｃkbox>答案: D8.增加表单的密码域的HTML代码是( )。

A．<iｎpｕt ｔyｐe=ｓubmｉt＞B．<iｎput ｔypｅ=passwoｒｄ>C.<iｎpuｔtyｐe=ｒadｉo>D．<input tyｐe=cheｃkbox>答案: B9．创建选项菜单应使用以下标记符（ )。

第七章面向对象的程序设计本章是面向对象的程序设计。

与第五章介绍的面向过程的结构化程序设计不同，主要介绍面向对象程序设计的基础知识，包括面向对象的基本概念以及Visual FoxPro支持的面向对象的编程技术，详尽介绍了对各类控件的选择与使用方法。

在对诸如表单等各类控件对象的设计、操作上，面向对象的编程技术有自己的独特之处，但在所有对象的各种事件和方法的程序代码设计中，仍然使用到结构化的程序设计方法。

本章的主要内容是面向对象程序设计的理论基础，其程序设计的基本目标是设计出能在可视化环境下运行的应用程序窗口界面—表单。

7.1 学习提要1．学习目标与要求通过本章学习，读者应达到以下要求：⑴了解对象、类等基本概念；⑵理解对象的属性、方法和事件；⑶熟练掌握表单的基本设计、操作和应用；⑷掌握常用控件的设计与使用。

⑸熟练掌握常用事件、方法的过程代码的设计方法。

⑹了解自定义类的创建和使用方法。

2．重点与难点：⑴本章重点：对象与类以及属性、方法和事件等基本概念；表单的设计与应用；常用控件属性、事件和方法的选择与运用。

⑵本章难点：本章的重点即为本章的难点3．主要知识点⑴面向对象的概念①对象、类②属性、方法、事件③Visual FoxPro 中的基类⑵表单的创建与基本操作①表单的创建使用“窗体设计器”或“表单向导”创建表单。

②表单的修改、运行使用“窗体设计器”编辑修改表单。

使用菜单或命令方式运行表单。

③表单的属性、事件和方法表单常用属性的设置，表单的常用事件、常用方法。

④设置表单的数据环境数据环境的概念，数据环境的设置。

⑶表单常用控件①表单常用控件的基本操作控件对象的选定，移动位置，改变大小，剪切、复制与粘贴，删除，布局设置。

②常用控件对象标签控件，命令按钮与命令按钮组控件，文本框与编辑框控件，选项组和复选框控件，列表框和组合框控件，容器与表格控件，页框控件，计时器与微调控件，图像控件等。

③控件对象的常用属性设置Caption属性，Name属性，Alignment属性，ButtonCount属性，BackColor属性，BorderColor属性，BorderStyle属性，Enabled属性，ForeColor属性，InputMask属性，PasswordChar属性，Picture属性，Height属性，Width属性，Left属性，Top属性，Value属性，Visible属性，FontName属性，FontSize属性，ControlSource属性。

vf教程库第七章第7章表单的设计7.1面向对象的基本概念7.2表单设计7.3表单控件设计提示：单击各个标题前的动画符号“ViualFo某Pro6.0程序设计.课件-1-”，链接到相应的章节。

前页后页首页ViualFo某Pro6.0采用了面向对象的程序设计方法。

其中，表单设计是ViualFo某Pro6.0程序设计的主要工作之一。

设计表单的过程就是设计程序界面的过程；表单为数据库信息的显示、输入和编辑提供了非常简便的方法。

本章主要介绍面向对象的基本概念；介绍如何使用表单向导和表单设计器设计不同的表单；介绍表单中最常用控件的使用方法；结合实例讲解表单及其控件的属性、事件和方法的调用方法。

ViualFo某Pro6.0程序设计.课件-2-前页后页首页7.1面向对象的基本概念7.1.1对象的属性、事件和方法7.1.2ViualFo某Pro中的类ViualFo某Pro6.0程序设计.课件-3-前页后页首页7.1面向对象的基本概念面向对象（Object-Oriented）是按照人类认识世界的方法和思路方式来解决问题，它把要处理的事物划分成概念上的对象单元，然后再编程处理不同对象单元里的数据即操作。

传统的程序设计使用的是面向过程的编程方法。

用面向过程方法编写的程序，它的运行是按设计好的顺序执行各项功能和操作的。

其缺点是程序员始终要关心什么时候发生什么事情。

ViualFo某Pro6.0支持面向对象程序设计用面向对象方法编写的程序，它的运行没有严格的固定顺序，是通过事件来驱动不同的程序段，既由不同对象上的各种事件来驱动不同的程序功能和操作。

在事件驱动编程中，程序员只要编写响应用户动作的程序，如选择菜单命令、单击鼠标等，而不必考虑按精确次序执行的每个步骤。

在这种机制下，不必编写一个大型的程序，而是建立一个由若干小程序组成的应用程序，这些小程序可以由用户启动的事件来激发。

ViualFo某Pro6.0程序设计.课件-4前页后页首页7.1.1对象的属性、事件和方法在面向对象的程序设计语言里，用“对象”表现要处理的事物，用“属性”表示事物的状态和特征，用“事件”表示处理事物的动作，用“方法”表现处理事物的过程。