当前位置:文档之家› 第八章 表单

第八章 表单

第八章 表单
第八章 表单

第八章表单

表单是网页中提供的一种交互式操作手段,在网页中的使用十分广泛。无论是提交搜索的信息,还是网上注册等都需要使用表单。用户可以通过提交表单信息与服务器进行动态交流。表单主要可以分为两部分:一是用HTML源代码描述的表单,可以直接通过插入的方式添加到网页中;二是提交后的表单处理,需要调用服务器端编写好的脚本对客户端提交的信息作出回应。

1 表单的概念

表单通常用来做调查表、注册登录界面、搜索界面等。通过表单收集到的用户反馈信息,通常是以某种分隔符分隔的文字形式提交到服务器。

表单使用的

标记是成对出现的,在首标记和尾标记
之间的部分就是一个表单。

表单form基本语法:

….

?name:给定表单名称,表单命名之后就可以用脚本语言(如JavaScript 或VBScript)对它进行控制。

?action:指定处理表单信息的服务器端应用程序。

?method:用于指定表单向服务器提交数据的方法,method的值可以为get或是post,默认方式是get。

(1)get方法,使用get方法提交数据,浏览器将把表单中的各个值添加

到action指定的URL后(这两者之间用问号进行分隔)并向服务器发

送get请求,每个值之间用符号“&”链接。

(2)post方法,如果采用post方法,浏览器将首先与action属性中指定

的表单处理程序建立联系,一旦建立连接之后,浏览器就会按分段

传输的方法将数据发送给服务器。

(3)get将表单中的数据按照“变量=值”的形式,添加到action所指向

的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”

连接;post是将表单中的数据放在表单的数据体中,按照变量和值相

对应的方式,传递到action所指向的URL。

(4)get是不安全的,post的所有操作对用户来说都是不可见的。

(5)post可以传输大量的数据,所以在上传文件时只能使用post。

(6)get是表单的默认方法。

2 输入

是个单标记,它必须嵌套在表单标记中使用,用于定义一个用户的输入项。

格式:

?标记主要有六个属性,type,name,size,value,maxlength,check。

其中name和type是必选的两个属性。

?name属性的值是相应程序中的变量名。

?在不同的输入方式下,标记的格式略有不同,其它五种属性因type 类型的不同,其含义也不同。

?type主要有九种类型:text,submit,reset,password,checkbox,radio,image,hidden,file。

2.1 单行文本输入框text

当type=text时,表示该输入项的输入信息是字符串。此时,浏览器会在相应的位置显示一个文本框供用户输入信息。

格式:

text文本框是一个只能输入一行文字的输入框。标记除了两个必选的属性name和type外,还有3个可选的属性:maxlength,size和value。

?maxlength:设置单行输入框可以输入的最大字符数,例如限制邮政编码为6个数字、密码最多为10个字符等等;

?size:设置单行输入框可显示的最大字符数,这个值总是小于等于maxlength属性的值,当输入的字符数超过文本框的长度时,用户可以通过移动光标来查看超过超出的内容;?value:文本框的值,可以通过设置value属性的值来指定当表单首次被载入时显示在输入框中的值。

实例1.html:

输入用户姓名

请输入你的姓名:

网页效果如图8-1所示。

8-1表单中的单行文本框2.2 提交按钮submit和重置按钮reset

当type="submit"时,显示一个提交按钮,当用户单击该按钮时,浏览器就会将表单的输入信息传送给服务器。

当type=reset时,显示一个重置按钮,当用户单击该按钮时,浏览器就会清除表单中所有的输入信息而恢复到初始状态。一般情况下,提交与重置按钮经常同时出现。

格式:

?提交按钮的name属性是可以默认的。除name属性外,它还有一个可选的属性value,用于指定显示在提交按钮上的文字,value属性的默认值

是“提交”。在一个表单中必须有提交按钮,否则将无法向服务器传送

信息。

?重置按钮的name属性也是可以默认的。value属性与submit类似,用于指定显示在清除按钮上的文字,value的默认值为“重置”。

实例2.html:

注册

请输入你的姓名:


请输入你的年龄:


网页效果如图8-2所示。

8-2在网页中添加空格2.3 密码输入框password

密码输入框password与单行文本输入框text使用起来非常相似,所不同的只是当用户在输入内容时,是用“*”来代替显示每个输入的字符,以保证密码的安全性。

格式:

在表单中插入密码框,只要将标记中type属性值设为password就可以插入密码框,maxlength、size属性同文件输入框text的属性一样。

实例3.html:

输入用户名和密码

用户名:

密  码:

网页效果如图8-3所示。

图8-3 表单中的密码输入框

2.4 复选框checkbox

格式:

用户可以同时选中表单中的一个或多个复选项作为输入信息,由于选项可以有多个,属性name应取不同的值。

属性value的参数值就是在该选项被选中并提交后,浏览器要传送给服务器的数据。因此,value属性的参数值必须与选项内容相同或基本相同,该属性是必选项。

checked属性用于指定该选项在初始时是否被选中。

实例4.html:

选择

请选择你喜欢的运动:

篮球

足球

网球

网页效果如图8-4

图8-4表单中的复选框

2.5 单选框radio

格式:

单选项必须是唯一的,即用户只能选中表单中所有单选项中的一项作为输入信息,因此,所有属性的name都应取相同的值;

不同的选项其属性value的值应是不同的;

checked属性用于指定该选项在初始时是被选中的。

实例5.html:

设置

每页最多显示邮件数:

10封

20封(推荐)

30封

50封

100封

网页效果如图8-5所示。

8-5表单中的单选框2.6 图像按钮image

为了界面美观,可以用一张图片作为提交或者其它类型的按钮,当type=image时,浏览器就会在相应位置产生一个图像按钮。

格式:

单击该按钮时,浏览器就会将表单的输入信息传送给服务器。image类型中的src属性是必需的,它用于设置图像文件的路径。

实例6.html:

表单中图像按钮

你最喜欢的运动:

网页效果如图8-6所示。

8-6表单中图像按钮2.7 文件选择输入框file

文件选择输入框允许用户在自己的硬盘上浏览文件,并把文件名及其路径作为表单数据上传,主要用在上传程序中。

格式:

?在表单中插入文件选择输入框,只要将标记中type属性值设为file就可以插入文件选择输入框。

?enctype属性确保文件采用正确的格式上传。

?对于允许文件上传的表单,不能使用get方法。

实例7.html:

表单中文件选择输入框

请选择文件

网页效果如图8-7所示。

图8-7表单中文件选择输入框

2.8 隐藏框hidden

如果用户不想显示某些选项而又不愿意将它们从文档中删去,例如,用隐藏域存储设计者相关信息,这些信息与用户无关,但应用程序运行可能需要,此时就可以把这些选项中type属性的值改为hidden。

格式:

?当type=hidden时,表示输入项将不在浏览器中显示。

?隐藏域出现在表单中的位置没有关系,只要在

标记中就可以。

3 多行文本输入框之间的内容就是显示在文本输入框中的初始信息。

name:用于指定文本输入框的名字。

rows:设置多行文本输入框的行数,此属性的值是数字,浏览器会自动为高度超过一行的文本输入框添加垂直滚动条。但是,当输入文本的行数小于或等于rows属性的值时,滚动条将不起作用。

cols:设置多行文本输入框的列数。

wrap:默认值是文本自动换行,当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现。

wrap=virtual,将实现文本区内的自动换行,以改善对用户的显示,但在传

输给服务器时,文本只在用户按下回车键的地方进行换行,其它地方没有换行的效果。

wrap=physical,将实现文本区内的自动换行,并以这种形式传送给服务器,就像用户真的那样键入似的。因为文本要以用户在文本区内看到的效果传输给服务器,因此使用自动换行时非常有用的方法。

wrap=off,不会自动进行文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须按下回车键才能将插入点移到下一行。

实例8.html:

请提宝贵意见

请提宝贵意见:


网页效果如图8-8所示。

图8-8 表单中的多行文本输入框

4 下拉列表框

格式:

和尾标记之间的内容就是一个下拉式菜单的内容。标记有name,size,multiple三个属性。

?name:设定下拉列表名字。

?size:可选项,用于改变下拉框的大小。size属性的值是数字,表示显示在列表中选项的数目,当size属性的值小于列表框中的列表项数目时,

浏览器会为该下拉框添加滚动条,用户可以使用滚动条来查看所有的选

项,size默认值为1。

?multiple:如果加上该属性,表示允许用户从列表中选择多项。

网页效果如图8-9所示。

图8-9表单中的下拉列表框

实例10.html,如果要变成复选,加multiple即可。用户用Ctrl键来实现多选。

你最喜欢的运动:


网页效果如图8-10所示。

图8-10表单中的下拉列表框(multiple)

实例11.html,用size属性可以改变下拉框的大小。

你最喜欢的运动:


网页效果如图8-11所示。

图8-11表单中的下拉列表框(size)

第八章 Servlet技术习题

第八章Servlet技术 一、选择题 1.下面对Servlet、Applet的那一项描述错误?() A)Servelt与Applet相对应 B)Applet运行在客户端浏览器 C)Servlet运行在Web服务器端 D)Servlet和Applet不可以动态从网络加载 2.下面哪一项不在Servlet的工作过程中?() A)服务器将请求信息发送至Servlet B)客户端运行Applet C)Servlet生成响应内容并将其传给服务器 D)服务器将动态内容发送至客户端 3.下列哪一项不是Servlet中使用的方法?() A)doGet() B)doPost() C)service() D)close() 4.关于MVC架构的缺点,下列的叙述哪一项是不正确的?() A)提高了对开发人员的要求B)代码复用率低 C)增加了文件管理的难度D)产生较多的文件 5.下面哪一项对Servlet、JSP的描述错误?() A)HTML、Java和脚本语言混合在一起的程序可读性较差,维护起来较困难。 B)JSP技术是在Servlet之后产生的,它以Servlet为核心技术,是Servlet技术的一个成功应用。 C)当JSP页面被请求时,JSP页面会被JSP引擎翻译成Servelt字节码执行 D)一般用JSP来处理业务逻辑,用Servlet来实现页面显示。 6.下面哪一项对Servlet、JSP的描述错误?() A)Servlet可以同其他资源交互,例如文件、数据库 B)Servlet可以调用另一个或一系列Servlet E)服务器将动态内容发送至客户端 E)Servlet在表示层的实现上存在优势 7.下面哪一项对Servlet描述错误?() A)Servlet是一个特殊的Java类,它必须直接或间接实现Servlet接口 B)Servlet接口定义了Servelt的生命周期方法 C)当多个客户请求一个Servlet时,服务器为每一个客户启动一个进程 D)Servlet客户线程调用service方法响应客户的请求 8.下面哪一项对Servlet描述错误?() A)Servlet是一个特殊的Java类,它必须直接或间接实现Servlet接口 B)Servlet接口定义了Servelt的生命周期方法 C)当多个客户请求一个Servlet时,服务器为每一个客户启动一个进程 D)Servlet客户线程调用service方法响应客户的请求 9.下面Servlet的哪个方法载入时执行,且只执行一次,负责对Servlet进行初始化。()A)service() B)init() C)doPost() D)destroy()

第八章练习题

练习题 重要概念 1.DNS:即域名系统 (Domain Name System),TCP/IP的应用层协议,主要功能包 括:把域名转换成IP地址,提供某一域名对应的该区域邮件服务器,等等。 2.TLD:即顶级域名 (Top Level Domain),例如: .cn, .com, .int等。 3.FTP:即文件传送协议(File Transfer Protocol),其因特网标准号为RFC 959,FTP用于在因特网中任意异构计算机之间传送文件。 4.TFTP:即简单文件传送协议 (Trivial File Transfer Protocol),它是一个很 小且易于实现的文件传送协议。 5.TELNET: TELNET是一个简单的远程终端协议,其因特网标准号为RFC 854, TELNET能将用户的击键传到远地主机,同时也能将远地主机的输出通过TCP 连接返回到用户屏幕。 6.SMTP:即简单邮件传送协议 (Simple Mail Transfer Protocol),SMTP定义了 主机之间发送邮件的协议,其因特网标准号为RFC 821。 7.MIME:即通用因特网邮件扩充 (Multipurpose Internet Mail Extensions)。 由于因特网的SMTP只能传送可打印的7位ASCII码邮件,因此因特网标准委员 会在1993年又提出了MIME,在MIME邮件中可同时传送多种类型的数据(如文 本、声音、图像、视像等)。 8.POP3:即INTERNET的第3版邮局协议(Post Office Protocol),它是一个非 常简单、但功能有限的邮件读取协议,用户计算机通过POP3协议从邮件服务器 收取邮件。 9.WWW:即万维网(World Wide Web),万维网是一个大规模的、联机式的信 息储藏所,英文简称为Web。万维网用链接的方法能非常方便地从因特网 上的一个站点访问另一个站点,从而主动地按需获取丰富的信息。 10.超文本:超文本(hypertext)是网页中的特殊文本。超文本链接到因特网上其它 的网页,并用特殊方式显示(例如用不同的颜色,或添加了下划线),当我们将 鼠标移动到这些地方时,鼠标的箭头就变成了一只手的形状。 11.URL:即统一资源定位符(Uniform Resource Locator),URL是对可以从因特网 上得到的资源的位置和访问方法的一种简洁的表示。URL的一般形式如下: <访问方式>://<主机>:<端口>/<文件路径名>。 12.HTTP:即超文本传送协议 (HyperText Transfer Protocol),它是万维网客户

第八章 ALV控件的使用

第八章 ALV控件的使用 ALV(SAP List Viewer)控件是SAP业务中最常用的控件之一,本章先用一个简单的例子介绍用ALV控件显示数据,再以实例方式介绍ALV的强大功能,示例程序可以直接使用。 本章主要内容有: ()简单的ALV控件实例; ()自定义输出字段的ALV控件实例; ()在屏幕上建立ALV控件; ()自定义ALV控件的工具条按钮; ()处理ALV控件双击事件; ()通过ALV控件编辑内表和数据库更新; ()ALV Tree的使用。 8.1 简单的ALV控件实例 以航班表(SPFLI)为例,使用数据字典定义结构,通过ALV控件显示数据。 【例8.1】 REPORT YTEST26. *定义内表 DATA WA_SPFLI LIKE TABLE OF SPFLI WITH HEADER LINE. *内表赋值 SELECT * INTO TABLE WA_SPFLI FROM SPFLI. *通过数据字典结构显示ALV CALL FUNCTION 'REUSE_ALV_LIST_DISPLAY' EXPORTING I_STRUCTURE_NAME = 'SPFLI' TABLES T_OUTTAB = WA_SPFLI EXCEPTIONS PROGRAM_ERROR = 1 OTHERS = 2. IF SY-SUBRC <> 0. * MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO * WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4. ENDIF. 输出结果如图8-1所示。

第八章 面向对象程序设计

第八章面向对象程序设计 一、选择题 1、面向对象程序设计采用了以为中心的软件构造方法。 A)数据结构B)数据流C)功能分析D)算法 2、下面关于属性、方法和事件的叙述中,错误的是______。 A)属性用于描述对象的状态,方法用于表示对象的行为 B)基于同一个类产生的两个对象可以分别设置自己的属性值 C)事件代码也可以像方法一样被显示调用 D)在新建一个表单时,可以添加新的属性、方法和事件 3、在下面关于面向对象数据库的叙述中,错误的是______。 A)每个对象在系统中都有唯一的对象标识 B)事件作用于对象,对象识别事件并作出相应反应 C)一个子类能够继承其所有父类的属性和方法 D)一个父类包括其所有子类的属性和方法 4、每个对象都可以对一个被称为事件的动作进行识别和响应。下面对于事件的 描述中,_____是错误的。 A)事件是一种预先定义好的特定的动作,由用户或系统激活 B)VFP基类的事件集合是由系统预先定义好的,是唯一的 C)VFP基类的事件也可以由用户创建 D)可以激活事件的用户动作有按键、单击鼠标、移动鼠标等 5、_____是面向对象程序设计中程序运行的最基本实体。 A)对象B)类C)方法D)函数

6、创建类时首先要定义类的。 A)名称B)属性C)事件D)方法 7、有关窗口的操作,是正确的。 A) deactivate window命令挂起的窗口将从内存中清除 B) show window命令显示的窗口不一定是活动窗口,但活动窗口一定是显示 窗口 C) hide window命令将活动窗口在屏幕上隐藏起来,输出仍然面向该窗口 D)用release window删除的窗口还可以再重新显示或激活 8、有关窗口的叙述,是正确的。 A) ACTIV A TE WINDOW 命令激活窗口后,@…SA Y的 坐标是相对屏幕的物理坐标 B)当多次使用激活窗口命令时,则最后一个被激活的窗口是当前窗口 C)当前窗口是无法改变的 D)窗口休眠后第一个激活的窗口变为当前窗口 9、以下属于窗口类控件的是。 A)Text B) Form C) Lable D) CommandButton 10、以下属于非容器类控件的是。 A) Form B) Lable C) Page D) Container 11、以下属于容器类控件的是______。 A) Text B) Form C) Label D) CommandButton 12、面向对象的程序设计是近年来程序设计方法的主流方式,简称OOP。下面 这些对于OOP的描述错误的是。

第八章-Zope对象数据库

Zope对象数据库(ZODB) Zope默认将所有数据存放在Zope对象数据库(ZODB)中。 ZODB实现了Python对象的透明存储,应用的编写几乎不必考虑数据库的操作。 ZODB支持缓存、撤销、事务、可插拔的存储等高级特性。 ZODB是Zope自带的数据库,但是也可以脱离于Zope独立使用。 本章适合系统管理员和系统集成人员阅读。本章重点包括: ?ZODB的分区存储配置 ?ZODB的维护方法 ?ZEO架构的配置 8.1 关系数据库,还是对象数据库 关系数据库(RDBMS)是一个很成熟的技术。这也是大多数软件所采用的存储技术。但是具体应用的编写,需要直接针对对象来操作。因此,往往通过一些O-R映射(对象-关系的映射),来将二者衔接。这最终导致基于关系数据库的开发比较繁琐。 ZODB最大的优点就是透明性,你根本不必编写任何数据库读写的代码,省去了传统的O-R映射代码。Python的所有对象可保存为一个 pickle 数据块,并可从 pickle 数据库块中恢复对象;而ZODB数据库实际上就是对象pickle化后的一个数据库。可轻松从ZODB数据库中恢复一个对象。 如果你的应用中有大量不同类型的对象,相互之间有非常复杂的关系,而且可能模型可能经常发生变化的时候,这时候关系数据库可能无法承载了,而采用ZODB则是一个更好的选择。内容管理系统中存在各种不同的内容类型,插件的安装,要求系统能够不断扩展。因此,ZODB特别适合内容管理系统的开发。 和关系数据库一样,ZODB也支持事务:一次操作要么成功提交,要么失败(执行的时候抛出异常)回滚。不会出现事务执行到一半出现异常,而数据已经被改写,导致数据不一致的情况。 和关系数据库相比,ZODB对象也存在一些缺点,包括: ?ZODB中的数据,不能脱离软件独立使用,而且目前只能使用python语言访问?自身是个黑箱,不支持跨语言的、通用的、类似SQL的访问接口 ?是九十年代才开始发展的技术,不如关系数据库从七十年代至现在发展得那么成熟

相关主题
文本预览
相关文档 最新文档