项目二 表单数据处理,中国人民大学出版社,项目二 表单数据处理,技能目标能利用HTML标记进行网页内容的格式控制，能把表单提交的数据接收并处理知识目标掌握常用的HTML标记及基本的CSS样式用法；熟悉JSP脚本的表示；掌握out、request内置对象的用法。依托任务在一个需要注册的网站中，必须定义一个表单，并在表单中输入个人的相关信息后提交给服务器，由服务器把接收的数据进行处理后再把结果发送给用户。我们把整个从输入到服务器接收到数据并处理处理看作一个任务。,任务一 设计输入个人信息的表单,我们已经明确个人的信息包括：姓名、性别、籍贯、年龄、爱好、备注信息。输入的界面一般通过下图所示的图形界面进行数据输入。,输入表单 /标题定义 /表单定义 姓名： 性别：男 女 籍贯： 济南 烟台 青岛 ,爱好：音乐体育美术 备注： ,相关知识,1. 常用的HTML标记（1）HTML基本用法HTML是一切网页实现的基础，在网络中浏览的网页都是一个个的HTML文件。这些网页中可以包含有文字、图片、动画和声音，还可以从当前文件跳转到另一个文件，与网络世界中各地主机上的文件相连接，故被称为超文本文件。HTML语言使用描述性的标记符（称为标记）来指明文档的不同内容。标记是区分文本各个组成部分的分界符，用来把HTML文档划分成不同的逻辑部分（或结构），如段落、标题和表格等。标签描述了文档的结构，它向浏览器提供该文档的格式化信息，以传送文档的外观特征。,表 常用的HTML语言标记,（2）正文标记正文标记的格式如下：正文标记中包含文档的内容。常用属性BACKGROUND ：用法为BACKGROUND=文档背景图像的URL地址。BGCOLOR：用法为 BGCOLOR =文档的背景颜色。TEXT ：用法为TEXT=文档中文本的颜色。LINK ：用法为LINK=文档中链接的颜色。VLINK ：用法为VLINK=文档中已被访问过的链接的颜色。ALINK ：用法为ALINK=文档中正被选中的链接的颜色。,分段与换行标记分段标记段落是文档的基本信息单位。利用分段标记，可以忽略文档中原有的回车和换行定义一个新段落，换行并插入一个空行。分段标记的格式如下：单独使用标记时会空一行，使后续内容隔一行显示。同时使用和，则将段落包围起来，表示一个分段的块。常用属性如下：ALIGN=段落的水平对齐方式其值有：Left（左对齐，是默认值）、center（居中）、right（右对齐）、justify（两端对齐）。,换行标记换行标记的格式如下：换行标记强行中断当前行，使后续内容在下一行显示。 字体字型标记字体标记字体标记的格式如下：字体标记FONT用来设置文本的字符格式，主要包括字体、字号和颜色等。常用属性如下：FACE=“字体名表”SIZE=“字号值”COLOR=“颜色值”,字型标记字型标记的格式如下：粗体斜体大字体小字体固定宽度字体（6）列表标记有序列表标记有序列表是在各列表项前面显示数字或字母的缩排列表，可以使用有序列表标记OL和列表项记LI来创建。,有序列表标记的格式如下：列表项1列表项2列表项n,2.表格标记,（1）标记的属性在浏览器显示表格时，表格的整体外观是由标记的属性决定的。标记的主要属性如表。,（2）标记的属性,标记的属性为了能定制表格的单元格，标记的一些属性可以完成表格中单元格的定制作用。,表单标记,表单标记格式为。中包含很多控件来实现整个表单的交互功能，另外还有很多属性来协助完成交互功能。,文本框文本框是用来取得用户在网页所输入的姓名、地址之类等相关数据内容。文本框的一般语法格式是： 密码框密码输入主要用在取得用户输入的密码，且会出现密码符号代替用户所输入的数据以避免密码被其它人看见。密码框的一般语法格式是： ,复选框当一个题目中可以选择多个答案时，就使用复选框。复选框的一般语法格式：单选按钮当一个题目中的答案只能多选一时，就使用单选按钮。单选按钮的一般语法格式：,列表框下拉式列表和滚动式列表框通过和标记来定义。基本格式为： 选项1选项2 . 选项n ,（6）文本区该组件在表单中指定一个能输入多行文本的文本区。其语法格式是： （7）提交按钮当用户按下该按钮时，表单所包含的数据被提交到服务器。下面是提交控件的语法： （8）重置按钮当用户需要重新填写表单中的数据时，按下此控件就清除表单中各项数据。下面是重置按钮的语法：,框架,所谓框架就是将网页分成几个框窗，同时取得多个URL，每个框窗显示一定的内容。使用了框架结构的HTML文档基本格式为：标题部分,框架集标记框架集标记格式为：框架集包括如何组织各个框架的信息，可以通过FRMAESET标记来定义。 框架标记框架标记格式为：使用FRAME标记可以设置框架的属性，包括框架的名称、框架是否可以滚动以及在框架中显示什么文件等。,CSS样式,CSS是“Cascading Style Sheet”的缩写，可以译为“层叠样式表”或“级联样式单”。 它用来进行网页风格设计的，它简化并扩展了HTML中各种标记，使得各个标记的属性更具有一般性和通用性，大大的提高了HTML开发的效率。 （1）CSS的插入形式CSS（Cascading Style Sheet）中，“Cascading”是“层叠”的意思，也就是说在同一个Web文档中可以有多个样式表存在，这些样式表根据所在的位置，拥有不同的优先级，优先级越高，就会被最后在显示时采用。从样式表插入的形式来看可以分为三种：内联式样式表、嵌入式样式表、外部样式表。,内联式样式表它利用现有的HTML标记把特殊的样式加入到那些由标记控制的信息中。例如： 例如： 嵌入式样式表它和Javascript一样可以嵌入到HTML文件的头部中去（和标记之间），使用和容器装载。,嵌入式样式表定义的格式如下：选择符 规则表 P font-family: 宋体; color: green; background-color: yellow; font-size: 9pt; H1,H2 font-family: 隶书, 宋体; color:#ff8800 .heti font-family: 黑体; color: #000000; #id1 color: blue; ,外部样式表是一种保存在外部的样式表文件，外部文件以.CSS为扩展名。注意CSS样式文件不包含标记，因标记是HTML标记，而不是CSS样式。例如，定义样式表的内容放在Style1.css文件中。P font-family: 宋体; color: green; background-color: yellow; font-size: 12pt; H1,H2 font-family: 隶书, 宋体; color:#FF8800.heti font-family: 黑体; font-size: 20pt; color: #000000; #id1 color: blue; ,