Linux下PHP设计编程标准培训教程理论用书.doc

linux下php程序设计标准培训教程理论用书 第1章 web应用开发技术web应用程序的开发是一个综合性的技术，涉及硬件布局的设置，软件结构的设计，以及具体的实现技术和软件，本课程以最通用的软件组合php+apache+mysql为基础来介绍web应用开发技术，本章先介绍一些web应用程序开发的基本概念。本章主要讲述以下内容： web应用开发技术概述 网页制作技术简介 html语言的基本语法 html表单元素 动态网页技术1.1 网络应用程序开发网络应用程序经历了一个从客户机/服务器向浏览器/服务器的转变过程，当前大部分的应用程序均采用了b/s结构的实现体系，因此，网络应用程序开发的学习重点是b/s结构的开发技术。1.1.1 概述在前面的课程中，用户已经学习了关于应用程序开发的一些基础知识，如数据库设计与实现、应用程序的运行模型等。当今社会是一个信息化的社会，科学技术的发展突飞猛进，计算机技术日新月异，可供选择的开发体系及应用的不同，对开发环境的需求也不同，本节简单介绍常规的网络技术及应用。1. 网络应用程序开发internet的普及推动了网络应用程序的发展，越来越多的企业、商团、政府机关、学校、科研机构需要在internet 上建立自己的网站。建设一个网站，硬件上需要专用服务器、集线器、路由器，租用数据通信用的专线，软件上需要安装网络操作系统和internet 服务器（www服务器和ftp服务器等），更为重要的是，需要编写大量的基于internet的应用程序。目前在internet 上广泛应用的是www系统，这种系统用html文件格式（即通常所说的网页）传播信息，用统一资源定位符连接世界各地计算机上的信息资源，按照http 协议在浏览器和www 服务器之间通信。www 服务器又称为web服务器，相应的服务器应用程序称为web 应用程序。web 应用程序可分为两种类型：cgi(common gate interface)应用程序和isapi(nsapi) 应用程序。这两种应用程序的功能是一样的，都是接收web 服务器传送过来的用户请求，作出响应，将用户需要的数据以网页或其他形式传送给用户。它们的区别在于：前者用标准输入输出或文件在web 服务器和web 应用程序之间传送信息；后者则是一种动态链接库程序(dll)，其数据可被web服务器直接访问。isapi 是指microsoft 的internet 信息服务器(iis)编程接口，而nsapi 则指netscape 的internet 服务器编程接口。2. http 协议和html 规范internet 的底层通信协议是tcp/ip 协议，在internet 上传送的数据被划分为一个个的ip 数据报，每一个ip 数据报都指明信源和信宿的地址，沿途的网关按照信宿地址决定数据报的去向。而tcp 协议则为通信的双方建立一条虚电路，保证所有的数据报都能按正确的次序到达目的地。tcp/ip协议只负责实现计算机之间的二进制数据传输，对这些数据如何解释，则是上层协议的事情。开发web应用程序的程序员并不需要过问tcp/ip 的工作，必须了解的是其上层协议http（hypertext transfer protocol，超文本传输协议）。http 是一个应用层协议，目前广泛应用于web 浏览器和web 服务器之间的通信。http 用字符串进行通信，所传送的信息称为http 消息。http 消息有两种类型：浏览器传送给服务器的请求消息和服务器传送给浏览器的响应消息。3. www的工作模式www是基于客户机/服务器工作模式的，在客户端安装www浏览器，简称浏览器。在服务器端安装www服务器，称为web服务器，浏览器和服务器之间通过http相互通信，web服务器根据客户提出的需求（http请求）为用户提供信息浏览、资料查询、安全验证等方面的服务。客户端的浏览器软件具有internet地址和文件路径导航能力，它能按照web服务器返回的html（hypertext markup language，超文本标记语言）所提供的地址和路径信息，引导用户访问与当前页面相关联的信息。web服务器提供一个缺省的html文档，称为主页（homepage），为用户浏览该服务器中的有关信息提供了方便。web浏览器/服务器系统的工作模式： 在浏览器中输入web地址，向某个web服务器发出http请求。 web服务器收到浏览器的请求后，在html文档中找到特定的页面，并将结果传送给浏览器。 浏览器执行收到的html文档并显示其内容。4. web浏览器和服务器浏览器是一种访问www资源的客户端工具软件，使用它不仅可以访问web页面，而且可以收发邮件、阅读新闻、从ftp服务器下载文件。浏览器支持多种internet协议，例如http、smtp、gopher、ftp、wais等。web服务器是internet上提供各种信息服务的网络站点，主要由高文件微机、服务器软件和各种应用服务程序组成。5. 统一资源定位器要在www上浏览或查询信息，必须在浏览器上输入查询目标的地址，这就是url（uniform resource locator，统一资源定位器），也称web地址，俗称“网址”。url的一般格式如下所示：协议“:/“主机域名或ip地址目录路径其中协议是指定服务所使用的协议的名称，一般有以下几种。 http：表示与一个www服务器上超文本文件的连接。 ftp：表示与一个ftp服务器上文件的连接。 gopher：表示与一个gopher服务器上文件的连接。 new：表示与一个usenet新闻组的连接。 telnet：表示与一个远程主机的连接。 wais：表示与一个wais服务器的连接。 file：表示与本地计算机上文件的连接。6. http协议http协议是www的基本协议，它位于tcpip协议之上。浏览器和web服务器间传送的超文本文档都是基于http协议实现的。支持http协议的浏览器称为web浏览器。http是一种基于客户机/服务器模式的无状态和“无连接”的协议，具有如下5个主要特点。 以客户机/服务器模式为基础。 简单灵活：http被设计成一个非常简单的协议，使得web服务器能高效地处理大量请求。客户机要连接到服务器，只需发送请求方式和url路径等少量信息。http规范定义了七种请求方式，其中最常用的是get、head和post三种，每一种请求方式都允许客户以不同类型的消息与web服务器进行通信，具有极大的灵活性。与ftp、telnet等协议相比，速度快而且开销小。 元信息：使用http可传送任意类型的资料。为使http能传送各种类型的对象，并让客户程序进行恰当的处理，在主要资料前要加元信息，以提供所传输资料的有关信息，例如数据类型、用何种语言书写等。 无连接性：这里的“无连接”是建立在tcp/ip协议之上的，与建立在udp协议之上的无连接不同，它意味着每次连接只限于处理一个请求。 无状态性：一方面使得http累赘少，系统运行效率高，服务器应答快；另一方面因无状态，协议对事务处理没有记忆能力，所以当后续事务处理需要用到前面处理的有关信息时，相应的信息就必须在协议外面保存。另外，缺少状态还意味着所需要的前面的信息必须重现。7. htmlhtml 语言是在 sgml 定义下的一个描述性语言，是在www上描述网页内容和外观的专用语言，使用该语言可描述如何在网页中表现文件、图形、动画等信息，以及如何建立网页之间的链接。1997年推出了html 4.0，在其中又增加了许多新特性，并提供更强大的表格和编程能力。html 的格式非常简单，只是由文字及标记组合而成。在编辑方面，任何文字编辑器都可以，只要能将文件另存成 ascii 纯文字格式即可，当然最好用专业的网页编辑软件为佳。1.1.2 web应用程序开发根据上述www的工作模式，可以把web应用程序开发分为两个方向：一个是对客户端进行开发，客户端开发的重点是如何让一个网页更生动、更多彩；另一个是对服务器端进行开发，服务器端的应用程序负责接收用户请求，并返回请求结果，这中间需要与数据库、www服务器以及其他中间件进行沟通和数据交流，也已形成了许多有效的开发模式，服务器端的开发技术是web应用程序的重点。服务器端产生的结果通常就是网页，最基本的网页是完全以html编写的纯静态、基于文本格式的页面，当客户端通过网络从服务器上得到这个网页时，客户机自带的浏览器会对html文本进行解释，并最终显示在客户机的屏幕上，服务器上html文件的内容与客户机上页面的源代码完全相同。这种纯html方式的静态网页具备一些特点： 每种浏览器都能解释并显示它。 大多数设备都支持它的显示。 纯html文本的网页执行效率高，占用资源少。 结构简单，易学易改。但正是由于上述优点，静态html网页也存在一些不利的方面： 布局和设计的控制很难。 网页的规模扩展是有限的。 交互性的实现比较难。 无法利用系统和应用程序的资源。 修改和变更复杂。针对上述特点，目前已经发展了很多种技术用于扩展html的功能，其中包括客户端的技术，如javascript、vbscript、c style sheet(层叠式样式表)和java小应用程序等，而在服务器端则出现了更多的技术体系，例如用于连接数据库的服务器端脚本，以及正在发展中的xml和xsl等技术。这些技术都已经成为网络传输的规范了，如xhtml、xslt、xpath、ice等。1. 客户端开发技术在浏览器/服务器机制中，浏览器相当于客户端，它的作用主要是发送请求和显示接收到的结果，这都是以html格式传输的。如果用户需要更丰富的显示格式，如动态效果等，就需要客户端技术的帮助了，简单html请求的过程如图1-1所示。图1-1 简单html请求过程客户端技术大致分为以下几类。 css、dhtml：它们主要用于格式化页，控制对象大小、颜色、位置、布局以及超时等，把对象分层、叠加。 客户端脚本(javascript、vbscript等)：这些脚本实际上是一些程序，用于进行事件处理，如控制事件定义、交互操作等。 java applet (小应用程序)：这一技术主要用于实现小的独立应用程序，如一些拼字游戏。客户端技术最大的问题是它的实现需要依赖浏览器来解析，不同的客户端可能存在不同的浏览器，因而对html中添加的程序代码解析结果也不尽相同，即便是同一种类型的浏览器，许多客户由于费用或技术缺乏的原因，对浏览器的升级工作做得很慢，导致版本也存在差异。web开发人员需要对这些浏览器的特性、适用设备、通用的辅助选项及用户十分了解，才能编写出所有客户端均可以正确显示的网页。无一例外，面向大众市场的站点都试图获得最广泛的用户，因此也就只能使用最简单、最通用的标准html语言，虽然浏览器的版本和功能都已经发展得很快了，但不能保证所有的客户端均使用了最先进的浏览器，也就只能从照顾低版本用户做起了。客户端技术的另一个问题是不能连接到服务器的数据库，也就不能从数据库中根据需求的不同而取得并显示不同的数据，这对多数企业级的应用来说是十分致命的，一旦显示的数据发生变化，为了反映到显示的网面中，网站管理人员必须对该页面进行手工修改，而服务器端脚本编制能够很好地解决这一问题。总之，处理布局或浏览器事件的一切事情都发生在客户端。一般来说，看上去效果奇特或取决于鼠标移动的事情都发生在客户端。越快看到某事件的发生，它就越可能是由客户端处理的，因为从服务器下载数据需要一定的时间才能完成。2. 服务器端开发技术客户端脚本编制非常有吸引力，因为它可以产生出色的直观显示效果。服务器端编程则与之相反，它对用户来说是不可见的。服务器端脚本的编程人员总是在后台的web服务器和数据库之间努力探索，而前台的、具有艺术细胞的同仁们在公众面前展现着自己的作品。服务器端web脚本编制主要是将web站点连接到后台服务器，例如客户机/服务器。服务器到客户端的通信：web网页可以由后台多个服务器的输出组合而成。客户端到服务器：能够对顾客输入的信息起作用。常见的客户端到服务器交互的例子是，在服务器上动态组合成的在线表单和一些下拉式列表，服务器端脚本编制产品有2个主要部分：脚本语言和脚本引擎(可能会内置在web服务器中，也可能不会内置)。引擎负责解析和解释以语言编写的页面。通常，这2部分都是由同一个公司或团队开发的，只能互相位用(php3和coldfusion就是这样的2个例子)。然而，这一规则也有例外。例如，java server pages是以标准编程语言编写的，而不是用于专门目的的脚本语言；第三方已经开发了几个可互换的引擎(例如jrun、apache jserv等)。从理论上讲，acdve senerpages允许使用几乎所有脚本语言以及几种匹配的activex脚本引擎中的一种由于php 4的脚本引擎(zend)现在从理论上是与php编程语言隔离的，所以php 4现在也是种独立的脚本技术。3. 服务器端脚本擅长之处客户端和服务器端各有优点，服务器端脚本缺乏视觉吸引力。大多数web用户即使不是每小时，也至少是每天都在和服务器端脚本产品打交道。有一类事情是服务器绝对不能帮助完成的，例如，实时3d枪战影片需要的响应越及时，图形越密集，则越不适合采用php来实现它。此刻，对于这些目的来说，web太慢了(尽管带宽精英们正热衷于改变这一现状)。另一方面，php之类的服务器端脚本能够很好地服务于web的大多数真正有用的方面： 内容站点(既制作又显示)。 团体特征(论坛、公告板等)。 email(wehmeil、邮件转发)。 客户支持和技术支持系统。 网络广告。 weh投递业务应用程序。 目录和成员名单。 调查、民意测验和测试。 在线填写和提交表单。 个人化技术。 群件。 目录、小册子和信息站点。 基本上包括其他任何需要把后端服务器(数据库、邮件、ldap等)连接到web服务器的应用程序。1.2 网页制作技术 假定用户没有网页程序语言的基础，因此需要介绍html的语法和结构，但本课程不是在完整介绍html，因此有选择性地介绍html的语法元素，重点在html的函数与开发工具的对应关系上，由于有了可视化的开发工具，本来我们不需要太了解html语法结构，但由于还需要在html中插入php程序，因此有必要掌握html的基本语法格式，更详细的学习在专业书籍中介绍。每一门语言的基础都是语法，而且大多数语言的基础语法都是相类似的，但计算机语言分为多个类型，每一类语言都有它本类语言的一些特点。例如，c语言、c+语言等都是编译型的语言，它们都需要产生一个二进制的可执行代码才能运行；html、xml都是解释型的语言，它们都是文本类型的语言。编译型语言的好处是效率高、安全性好，但缺点是平台依赖性强，不同的系统需要不同的编译工具来产生可执行文件，这不利于移植和传播，而html语言虽然是文本化的解释性语言，但它结构简单，格式统一，十分有利于传播，在internet中广泛应用。作为www的一个组成部分，html发展很快，在短短的几年里，它已历经了html 1.0、html 2.0和html 3.0、html 4.0等多个版本，同时dhtml、vhtml、shtml等也飞速发展起来。html以简单精练的语法、极易掌握的通用性与易学性，使web网页可以亲近于每一个普通人，internet因此得以普及发展以至今日辉煌。1.2.1 网页与网站在学习html之前，用户需要掌握两个基本的名词，这就是网页和网站。网页是在浏览器上看到的一幅幅画面，它是用html表示的，所以通常也称为html文档，其扩展名为.html或.htm。组成网页的基本元素是文字、图形和超级链接。网站则是网页的集合，网页是构成网站的基本要素，它具有固定的域名，可以供用户浏览访问。一般情况下，每个网站都有一个最初的页面，被称作主页。1.2.2 制作网页的基本流程一个好网页的制作是通过把总体策划、文字编辑、美术编辑等方面综合在一起共同来完成的。一般来讲，网页的制作可分为三个阶段： 前期准备阶段。 实际制作阶段。 后期维护阶段。1.2.3 制作网页的方法制作网页有两种方法：写html源代码和使用网页制作软件进行制作。由于html是文本文件，因此只要能编辑文本的编辑器都可以用来编写网页源代码，但它们通常并不直观，而使用网页制作软件来制作网页时，则十分方便快捷，常用的网页制作工具软件主要有以下几种。 redoffice write：在以前的课程中，学习过这一著名的文档处理套件，它可以直接用于编写网页。 microsoft office：在windows平台下，这一文档处理工具组也可用于交互式编写网页。 frontpage：同样是在windows平台下的微软公司的专业网页制作工具。 dreamweaver：macromedia公司推出的网页制作产品，是一个可视化的网页设计和网站管理工具，支持最新的web技术（例如可视化网页设计，图像编辑，全局查找替换，处理动态html、flash和shockwave等媒体格式，基于团体的web创作等）。1.2.4 制作网页的基本原则制作网页或网站时应遵守下列基本原则： 制作网页前，应做好网页内容的规划和组织。 各个网页在文字、段落、图形、背景颜色、区分线、注脚等方面要保持统一的风格，各网页间的层次结构要简单明了、路径分明，使用户看起来舒服、流畅。 不要让网页的背景颜色冲淡文字的视觉效果，色彩组合要适当。 在网页上可适当地加些图片、图像、动画等多媒体信息，以增加网页的可观性。 超级链接要适当、有效地使用，不要过分滥用；超链接字长短要适中；链接文本的颜色应符合用户习惯。 主页的文件名应为index.htm，文件名和目录名最好使用英文，并注意把所有的网页和相关的文件都放在网站内。 在网页中应提供交互性和数据库管理功能，实时收集用户对网站的意见或对某一讨论主题的看法。 应设置一个专门的“what is new”（最近更新）页面，及时醒目地告诉来访者对网页最近所做的更新。 在网页中应含有大量有关网站内容介绍、帮助性文件及导航索引图标等信息。 要定期更新网页内容，同时做好必要的内容备份。1.3 html基本元素与结构了解web应用开发的第一步就是了解html，虽然它并不是本书的重点，但它是基础，先有html，才能让这些网页元素动起来。本节简单介绍网页的基本构成、标签、head、body、尖括号、文字、图像、布局、链接等内容。1.3.1 html简单示例学习html最直观的方式就是先看一个最基础的网页，下面是创建该网页的过程。使用linux下的vim或图形环境下的文本编辑工具编写下面的代码，并保存为first.htm。 first page 你好，html！ 你好，html！在图形方式下使用文件浏览器找到该文件，并双击它，则会在浏览器中显示该文件的内容如图1-2所示。图1-2 网页显示内容在html文档中，第一个标签是，这个标签告诉浏览器这是一个html文档的开始。在html文档中，最常用的一个标签是，这个标签告诉浏览器html文档已结束。在标签和之间的文本属于html的文件头，文件头告诉浏览器一些信息，它并不在浏览器中显示出来。在标签和之间的文本是该html文件的标题，它将显示在浏览器的标题栏上。在标签和之间的文本就是要在浏览器中个显示的内容。标签表示换行显示，而标签和则是格式控制标签，它告诉浏览器在该标签范围内的文本以粗体字来显示。1.3.2 html中的标签1. html标签结构html文件是加入了许多被称为标签（tags）的特殊字符串的普通文本文件，其缺省的文件扩展名为.htm或.html。浏览器可直接解释执行html文件，并按指定的标签将文本显示出来，由html文件所得到的显示文本称为超文本。从结构上看，html文件由“控制语句”和“显示内容”两部分组成，其中控制语句描述了显示内容以何种形式展示给使用者，并负责客户机与服务器之间的信息交换。控制语句以标签的形式出现，而标签是用“”括起来的命令。例如，hello world!中的和就是一对标签。对标签的使用应注意以下几点： 标签中的命令字母不区分大小写。 一般html标签都具有开始和结束标签，并且成对出现，称为双标签命令；有的标签可单独使用，称为单标签命令。html标签有3种表示方法。 文本或超文本。 文本或超文本。 。在标签中可根据需要增加一些属性，以设置特定功能。常用的html标签命令如表1-1所示。表1-1 常用的html标签命令命令类型常用命令文件结构命令：标识html文件的结构和、和、和、和区段格式命令：以特定的格式显示html文件中的区段文字标题标签：、文件段落标签：格式化文本标签：、行中断标签：链接命令：标识超文本链接链接文本列表命令：制作明细清单编号列表：和、符号列表：和、表格命令：以表格方式显示资料和资料和、和、和、和窗体命令：实现与用户的交互和、图像命令：在网页中插入图像分框命令：将浏览器窗口划分为多个小页面和、2. html文件的结构一个html文件由标头区（head section）和主体区（body section）两大部分组成，其结构如图1-3所示。图1-3 html文件结构图 在html文件中，应注意以下几点： 使用标签和标识该页面时，使用html语言编写，以使浏览器能准确无误地对其进行解释和显示。 使用标签和定义页面的标头区，在标头区可指定页面的标题和与该文件有关的属性参数。 使用标签和定义页面的主体内容，构成html文件的主体区，该内容将显示在浏览器的浏览区。1.3.3 常用html标签的使用1. 文件结构命令文件结构使用、和等标签组成，例如： 电子商务 我的电子商务网页 2. 区段格式命令区段格式命令的作用是以特定的格式显示html文件的区段文字，包括以下内容。 标题标签：、。 文件段落标签：和。 格式化文本标签：用于控制文本的显示方式，主要包括、等。 行中断标签：（单标签命令）。例如：区段格式命令的使用 一级标题（h1） 二级标题（h2） 三级标题（h3） 四级标题（h4） 五级标题（h5） 六级标题（h6） 显示粗体字（b） 显示斜体字（i） 显示下划线（u） 另起一段，段前会留出一个空白行（p） 显示等宽字体（tt） 另起一段，段前不会留出空白行（br） 3. 链接命令链接命令用于标记超文本链接，格式为：链接文本其中href为标签的属性，其值标明要链接文件的路径、名称或网络地址。链接分为内部链接和外部链接两大类。建立内部链接的方法如下。 设置书签：显示的文字。 建立链接：链接文本。例如：内部链接的使用 电子商务01级第四学期课程 本学期必修课 本学期选修课 电子商务01级第四学期必修课程目录 邓小平理论 高等数学 英语 计算机操作基础 哲学 电子商务01级第四学期选修课程目录 企业管理 经济学原理 大学语文 计算器组成原理 在“被链接处名”使用被链接文件的网络地址url，则链接就成为外部链接。例如：外部链接的使用 中国四大互联网 中国电信 中国科学技术互联网 中国金桥网 中国教育科研网 请选择 我的第一个网页 区段格式命令的使用 内部链接的使用 请选择 在外部链接中，链接的目标可以是www网页，也可以是电子邮件地址、ftp文件、新闻讨论组等。链接可以利用文字进行，也可以使用图像实现。4. 列表命令列表命令用于制作明细清单，可分为编号列表和符号列表两类。例如：列表的使用 html命令的分类（编号列表） 文件结构命令 区段格式命令 锚点链接命令 列表命令 html命令的分类（符号列表） 文件结构命令 区段格式命令 锚点链接命令 列表命令 5. 表格命令表格命令用于以表格的方式显示资料和资料，使所显示的内容清晰、直观、简明扼要。html使用标签和定义表格的开始和结束，该标签可含有的属性为如下。 border：定义该表格的表格线宽度，默认值为0（表示表格无边框线）。 width：定义该表格在窗口中所占的宽度。在table中常用的标签如下。 和：定义表格的标题（可以没有）。 ：定义表格头，单标签命令。 ：定义表格体，单标签命令。 和：定义表格的行，结束标签可省略。 和：定义表格中每项资料的名称，结束标签可省略。 和：定义表格中每项资料的值，结束标签可省略。其中tr 标签和td标签可含有如下属性。 align：设置同一列文字水平方向的排列方式，其值可为left、middle、right。 valign：设置同一列文字垂直方向的排列方式，其值可为top、middle、bottom。 td和th标签还可含有下面两个属性：。l rowspan：设置该单元格纵向合并的行数。l colspan：设置该单元格横向合并的行数。例如：表格命令的使用 学习成绩登记表 姓名高等数学计算机原理操作系统 张三878590 李四927588 变化的表格 张三李四 高等数学计算机原理高等数学计算机原理 1.4 html表单元素表单提供了一个方法让用户参与交互，让网站不再只是设计者进行操作，能够让更多用户共同参与。另外在商业用途上，表单也扮演着相当重要的角色，由这些表单配合相关程序，使得企业能够在网络上发展电子商务等应用，所以说表单是网页实用化、商务化相当重要的一环。1.4.1 表单的用途对于网页设计初学者而言，表单功能其实并不常用，因为表单通常必须配合着cgi、java script程序或是asp程序来运作，不然表单单独存在的意义并不大。不过，一旦有机会将表单运用到网页中时，您的网页将摆脱单向呈现，而开始迈入和使用者互动的阶段。1.4.2 各种输入类型1. 文本输入每个表单之所以会有不同的类型，原因就在于type=表单类型设定的不同而已，我们就先来看看第一个类型：文字输入列。文字输入列的形态就是type=text，举例如下。呈现结果窗体顶端姓名： 窗体底端原始码姓名：文本输入控件有下列可设定之属性： name=名称，设定此一字段的名称，程序中常会用到。 size=数值，设定此一字段显现的宽度。 value=预设内容，设定此一字段的预设内容。 align=对齐方式，设定此一字段的对齐方式，其值有：top（向上对齐）、middle（向中对齐）、bottom（向下对齐）、right（向右对齐）、left（向左对齐）、texttop（向文字顶部对齐）、baseline（向文字底部对齐）、absmiddle（绝对置中）、absbottom（绝对置下）等。 maxlength=数值，设定此一字段可设定输入的最大长度。2. 单选框利用type=radio就会产生单选框控件，单选框通常是好几个选项一起摆出来供使用者点选，一次只能从中选一个，故为单选核取表单。举例如下。 呈现结果窗体顶端性別：男 女 窗体底端原始码性別：男 女 有下列可设定之属性： name=名称，设定此一字段的名称，程序中常会用到。 value=内容，设定此一字段的内容、值或是意义。 align=对齐方式，设定此一字段的对齐方式，其值有：top（向上对齐）、middle（向中对齐）、bottom（向下对齐）、right（向右对齐）、left（向左对齐）、texttop（向文字顶部对齐）、baseline（向文字底部对齐）、absmiddle（绝对置中）、absbottom（绝对置下）等。 checked，设定此一字段为预设选取值。3. 复选框利用type= checkbox 就会产生复选核取表单，复选核取表单通常是好几个选项一起摆出来供使用者点选，一次可以同时选好几个，故为复选核取表单。举例如下。呈现结果窗体顶端喜好：电影看书 窗体底端原始码喜好：电影看书其有下列可设定之属性： name=名称，设定此一字段的名称，程序中常会用到。 value=内容，设定此一字段的内容、值或是意义。 align=对齐方式，设定此一字段的对齐方式，其值有：top（向上对齐）、middle（向中对齐）、bottom（向下对齐）、right（向右对齐）、left（向左对齐）、texttop（向文字顶部对齐）、baseline（向文字底部对齐）、absmiddle（绝对置中）、absbottom（绝对置下）等。 checked，设定此一字段为预设选取值。4. 密码窗体利用type= password 就会产生一个密码窗体，密码窗体和文字输入窗体形式几乎一样，差别就在于密码窗体在输入时全部会以星号来取代输入的文字，以防他人偷窥。举例如下。呈现结果窗体顶端请输入密码： 窗体底端原始码请输入密码：其有下列可设定之属性： name=名称，设定此一字段的名称，程序中常会用到。 size=数值，设定此一字段显现的宽度。 value=预设内容，设定此一字段的预设内容，不过呈现出来仍是星号。 align=对齐方式，设定此一字段的对齐方式，其值有：top（向上对齐）、middle（向中对齐）、bottom（向下对齐）、right（向右对齐）、left（向左对齐）、texttop（向文字顶部对齐）、baseline（向文字底部对齐）、absmiddle（绝对置中）、absbottom（绝对置下）等。 maxlength=数值，设定此一字段可设定输入的最大长度。5. 提交按钮通常窗体填完之后，都会有一个送出按钮以及清除重写的按钮，分别是利用type= submit 及type= reset 来产生，相当的简单易用。举例如下。呈现结果窗体顶端窗体底端原始码其有下列可设定之属性： name=名称，设定此一按钮的名称。 value=文字，是设定此一按钮上要呈现的文字，若是没有设定，浏览器也会自动替您加上送出查询、重设等字样。 align=对齐方式，是设定此一字段的对齐方式，其值有：top（向上对齐）、middle（向中对齐）、bottom（向下对齐）、right（向右对齐）、left（向左对齐）、texttop（向文字顶部对齐）、baseline（向文字底部对齐）、absmiddle（绝对置中）、absbottom（绝对置下）等。6. 按钮组件窗体中或是javascript常会用到按钮来做一些效果，因此，我们可以利用type= button 来产生一个按钮，相当简单。呈现结果窗体顶端请按下按钮： 窗体底端原始码请按下按钮：其有下列可设定之属性： name=名称，设定此一按钮的名称。 value=文字，设定此一按钮上要呈现的文字。 align=对齐方式，设定此一字段的对齐方式，其值有：top（向上对齐）、middle（向中对齐）、bottom（向下对齐）、right（向右对齐）、left（向左对齐）、texttop（向文字顶部对齐）、baseline（向文字底部对齐）、absmiddle（绝对置中）、absbottom（绝对置下）等。7. 隐藏字段窗体中有时有些东西因为某些因素不想让使用者看到，但因程序需要却又不得不存在，此时，我们就可以利用type= hidden 来产生一个隐藏的字段。举例如下。呈现结果窗体顶端隐藏字段： 窗体底端原始码隐藏字段：其有下列可设定之属性： name=名称，设定此一字段的名称。 value=文字，设定此一字段的值、文字或意义。1.4.3 大量文字输入组件有时候我们会希望让使用者输入比较大量的文字，此时，文字输入列就显得不够用，因此我们就可以利用来产生一个可以输入大量文字的组件，夹在两个卷标中的文字会出现在框中，可作为预设文字。举例如下。 呈现结果窗体顶端请输入您的意见：窗体底端原始码请输入您的意见：其有下列可设定之属性： name=名称，设定此一字段的名称。 wrap=设定值，设定此一字段的换行模式。设定值有3种：off（输入文字不会自动换行）、virtual（输入文字在屏幕上会自动换行，不过若是使用者没有自行按下enter换行，送出资料时，也视为没有换行）、physical（输入文字会自动换行，送出资料时，会将屏幕上的自动换行视为换行效果送出）。 cols=数值，设定此一字段的行数（横向字数）。 rows=数值，设定此一字段的列数（垂直字数）。1.4.4 下拉式选单下拉式选单令整个网页看起来有很专业的感觉，我们只要利用便可以产生一个下拉式选单，另外，还需要配合卷标来产生选项。举例如下。 呈现结果窗体顶端您喜欢看书吗？ 窗体底端原始码您喜欢看书吗？：非常喜欢还算喜欢不太喜欢非常讨厌其有下列可设定之属性： size=数值，设定此一字段的大小，默认值为1，若是您的选项有4个，然后您将size设成4，那么，下拉式选单便会变成选项方块，将4个选项一起呈现在方块中。 multiple，设定此一字段为复选，可以一次选好几个选项。 1.5 动态网页技术传统的html是静态的，它被加载到浏览器后是不会变化的，即使拖动鼠标，页面也不会有任何的变化。当页面加载时，由浏览器来翻译创建页面的html标记，这些标记会指示浏览器使用何种标题、新的段落怎样放置、什么地址与此链接相连、哪里放置图片等等。当浏览器完成这些工作后，页面就会显示出来处理过程也就停止，直到浏览器向web服务器发出新的请求信号。现在的html相对于其早期版本有较大的改进，最新的也是最有用的改进是样式表css的出现，样式表基本上是html的一个扩充，它能进一步地控制浏览器对元素的解译，从而也就能进一步加强对web页面文本和其他对象版面和位置的控制，然而web页面仍然是静态的，当所有样式法则被定义和解译后，浏览器就显示这个页面，而且不会再变化。用户希望看到比书本的电子版更生动的画面，正是这种期望导致了动态html的出现，当服务器把页面转送到浏览器后，页面还可以变化。动态html意味着we