表单数据处理
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
声明文件主体，包括所有的文本、图片及文档中其他 标记
<font color=""> 声明文字颜色 </font>
<br>
插入一个空行
<a href=""></a>
Leabharlann Baidu<img scr=""> <hr>
说明其包含的部分是个超级链接，等号后面是链接内 容的URL
插入一个图片文件，等号后面是图片文件的URL
插入一个水平分隔线
▪
SIZE=“字号值”
▪
COLOR=“颜色值”
▪ ②字型标记 ▪ 字型标记的格式如下： ▪ <B>…</B>粗体 ▪ <I>…</I>斜体 ▪ <BIG>…</BIG>大字体 ▪ <SMALL>…</SMALL>小字体 ▪ <TT>…</TT>固定宽度字体 ▪ （6）列表标记 ▪ ①有序列表标记
任务一 设计输入个人信息的表单
▪ 我们已经明确个人的信息包括：姓名、性别、 籍贯、年龄、爱好、备注信息。输入的界面 一般通过下图所示的图形界面进行数据输入。
▪ <%@ page contentType="text/html;charset=gb2312" %>
▪ <html>
▪ <head>
▪ <title>输入表单</title> //标题定义
▪ ②换行标记
▪ 换行标记的格式如下：
▪ <BR>
▪ 换行标记强行中断当前行，使后续内容在下一行显示。
▪ 字体字型标记
▪ ①字体标记
▪ 字体标记的格式如下：
▪
< FONT 属性=值…>…</FONT>
▪ 字体标记FONT用来设置文本的字符格式，主要包括字体、 字号和颜色等。常用属性如下：
▪
FACE=“字体名表”
▪ </head>
▪ <body>
▪ <form id="form1" name="form1" method="post" action="accept.jsp"> //表单定义
▪ <p>姓名：<input type="text" name="xm" /></p>
▪ <p>性别：<input type="radio" name="xb" value="男" />男
▪
</select></p>
▪ <p>爱好： ▪ <input type="checkbox" name="ah" value="音乐" />音乐 ▪ <input type="checkbox" name="ah" value="体育" />体育 ▪ <input type="checkbox" name="ah" value="美术"/>美术
第2章 表单数据处理
制作：张兴科
中国人民大学出版社
技能目标
▪ 能利用HTML标记进行网页内容的格式控制，能把 表单提交的数据接收并处理
知识目标
▪ 掌握常用的HTML标记及基本的CSS样式用法； ▪ 熟悉JSP脚本的表示； ▪ 掌握out、request内置对象的用法。
依托任务
▪ 在一个需要注册的网站中，必须定义一个表单，并 在表单中输入个人的相关信息后提交给服务器，由 服务器把接收的数据进行处理后再把结果发送给用 户。我们把整个从输入到服务器接收到数据并处理 处理看作一个任务。
</p> ▪ <p>备注：
▪ <textarea name="bz" id="textarea" cols="30" rows="5"></textarea></p>
▪ <p> ▪ <input type="submit" name="button" value="提交 " /> ▪ <input type="reset" name="button2" value="取消" />
▪
<input type="radio" name="xb" value="女" />女</p>
▪ <p>籍贯：<select name="jg" >
▪
<option value="济南">济南</option>
▪
<option value="烟台">烟台</option>
▪
<option value="青岛">青岛</option>
▪ 表 常用的HTML语言标记
HTML标记 <html></html>
<head></head>
含义
声明这个文件是一个HTML文件，在文件的开头为开 始标记，在文件的结尾为结束标记
声明网页文件头，紧跟在HTML开始标记之后
<title></title> <body></body>
声明网页的标题，在HAED的开始和结束标记之间
▪ 分段与换行标记 ▪ ①分段标记 ▪ 段落是文档的基本信息单位。利用分段标记，可以
忽略文档中原有的回车和换行定义一个新段落，换 行并插入一个空行。 ▪ 分段标记的格式如下： ▪ <P属性=值…></P> ▪ 单独使用标记<P>时会空一行，使后续内容隔一行 显示。同时使用<P>和</P>，则将段落包围起来， 表示一个分段的块。常用属性如下： ▪ ALIGN=段落的水平对齐方式 ▪ 其值有：Left（左对齐，是默认值）、center（居 中）、right（右对齐）、justify（两端对齐）。
▪ （2）正文标记 ▪ 正文标记的格式如下： ▪ <BODY 属性=值… 事件=执行的程序…>…</BODY> ▪ 正文标记中包含文档的内容。 ▪ 常用属性 ▪ BACKGROUND ：用法为BACKGROUND=文档背景图像的
URL地址。 ▪ BGCOLOR：用法为 BGCOLOR =文档的背景颜色。 ▪ TEXT ：用法为TEXT=文档中文本的颜色。 ▪ LINK ：用法为LINK=文档中链接的颜色。 ▪ VLINK ：用法为VLINK=文档中已被访问过的链接的颜色。 ▪ ALINK ：用法为ALINK=文档中正被选中的链接的颜色。
▪ </p>
▪ </form>
▪ </body>
▪ </html>
相关知识
▪ 1. 常用的HTML标记 ▪ （1）HTML基本用法 ▪ HTML是一切网页实现的基础，在网络中浏览的网页都是一
个个的HTML文件。这些网页中可以包含有文字、图片、动 画和声音，还可以从当前文件跳转到另一个文件，与网络世 界中各地主机上的文件相连接，故被称为超文本文件。 HTML语言使用描述性的标记符（称为标记）来指明文档的 不同内容。标记是区分文本各个组成部分的分界符，用来把 HTML文档划分成不同的逻辑部分（或结构），如段落、标 题和表格等。标签描述了文档的结构，它向浏览器提供该文 档的格式化信息，以传送文档的外观特征。
<font color=""> 声明文字颜色 </font>
<br>
插入一个空行
<a href=""></a>
Leabharlann Baidu<img scr=""> <hr>
说明其包含的部分是个超级链接，等号后面是链接内 容的URL
插入一个图片文件，等号后面是图片文件的URL
插入一个水平分隔线
▪
SIZE=“字号值”
▪
COLOR=“颜色值”
▪ ②字型标记 ▪ 字型标记的格式如下： ▪ <B>…</B>粗体 ▪ <I>…</I>斜体 ▪ <BIG>…</BIG>大字体 ▪ <SMALL>…</SMALL>小字体 ▪ <TT>…</TT>固定宽度字体 ▪ （6）列表标记 ▪ ①有序列表标记
任务一 设计输入个人信息的表单
▪ 我们已经明确个人的信息包括：姓名、性别、 籍贯、年龄、爱好、备注信息。输入的界面 一般通过下图所示的图形界面进行数据输入。
▪ <%@ page contentType="text/html;charset=gb2312" %>
▪ <html>
▪ <head>
▪ <title>输入表单</title> //标题定义
▪ ②换行标记
▪ 换行标记的格式如下：
▪ <BR>
▪ 换行标记强行中断当前行，使后续内容在下一行显示。
▪ 字体字型标记
▪ ①字体标记
▪ 字体标记的格式如下：
▪
< FONT 属性=值…>…</FONT>
▪ 字体标记FONT用来设置文本的字符格式，主要包括字体、 字号和颜色等。常用属性如下：
▪
FACE=“字体名表”
▪ </head>
▪ <body>
▪ <form id="form1" name="form1" method="post" action="accept.jsp"> //表单定义
▪ <p>姓名：<input type="text" name="xm" /></p>
▪ <p>性别：<input type="radio" name="xb" value="男" />男
▪
</select></p>
▪ <p>爱好： ▪ <input type="checkbox" name="ah" value="音乐" />音乐 ▪ <input type="checkbox" name="ah" value="体育" />体育 ▪ <input type="checkbox" name="ah" value="美术"/>美术
第2章 表单数据处理
制作：张兴科
中国人民大学出版社
技能目标
▪ 能利用HTML标记进行网页内容的格式控制，能把 表单提交的数据接收并处理
知识目标
▪ 掌握常用的HTML标记及基本的CSS样式用法； ▪ 熟悉JSP脚本的表示； ▪ 掌握out、request内置对象的用法。
依托任务
▪ 在一个需要注册的网站中，必须定义一个表单，并 在表单中输入个人的相关信息后提交给服务器，由 服务器把接收的数据进行处理后再把结果发送给用 户。我们把整个从输入到服务器接收到数据并处理 处理看作一个任务。
</p> ▪ <p>备注：
▪ <textarea name="bz" id="textarea" cols="30" rows="5"></textarea></p>
▪ <p> ▪ <input type="submit" name="button" value="提交 " /> ▪ <input type="reset" name="button2" value="取消" />
▪
<input type="radio" name="xb" value="女" />女</p>
▪ <p>籍贯：<select name="jg" >
▪
<option value="济南">济南</option>
▪
<option value="烟台">烟台</option>
▪
<option value="青岛">青岛</option>
▪ 表 常用的HTML语言标记
HTML标记 <html></html>
<head></head>
含义
声明这个文件是一个HTML文件，在文件的开头为开 始标记，在文件的结尾为结束标记
声明网页文件头，紧跟在HTML开始标记之后
<title></title> <body></body>
声明网页的标题，在HAED的开始和结束标记之间
▪ 分段与换行标记 ▪ ①分段标记 ▪ 段落是文档的基本信息单位。利用分段标记，可以
忽略文档中原有的回车和换行定义一个新段落，换 行并插入一个空行。 ▪ 分段标记的格式如下： ▪ <P属性=值…></P> ▪ 单独使用标记<P>时会空一行，使后续内容隔一行 显示。同时使用<P>和</P>，则将段落包围起来， 表示一个分段的块。常用属性如下： ▪ ALIGN=段落的水平对齐方式 ▪ 其值有：Left（左对齐，是默认值）、center（居 中）、right（右对齐）、justify（两端对齐）。
▪ （2）正文标记 ▪ 正文标记的格式如下： ▪ <BODY 属性=值… 事件=执行的程序…>…</BODY> ▪ 正文标记中包含文档的内容。 ▪ 常用属性 ▪ BACKGROUND ：用法为BACKGROUND=文档背景图像的
URL地址。 ▪ BGCOLOR：用法为 BGCOLOR =文档的背景颜色。 ▪ TEXT ：用法为TEXT=文档中文本的颜色。 ▪ LINK ：用法为LINK=文档中链接的颜色。 ▪ VLINK ：用法为VLINK=文档中已被访问过的链接的颜色。 ▪ ALINK ：用法为ALINK=文档中正被选中的链接的颜色。
▪ </p>
▪ </form>
▪ </body>
▪ </html>
相关知识
▪ 1. 常用的HTML标记 ▪ （1）HTML基本用法 ▪ HTML是一切网页实现的基础，在网络中浏览的网页都是一
个个的HTML文件。这些网页中可以包含有文字、图片、动 画和声音，还可以从当前文件跳转到另一个文件，与网络世 界中各地主机上的文件相连接，故被称为超文本文件。 HTML语言使用描述性的标记符（称为标记）来指明文档的 不同内容。标记是区分文本各个组成部分的分界符，用来把 HTML文档划分成不同的逻辑部分（或结构），如段落、标 题和表格等。标签描述了文档的结构，它向浏览器提供该文 档的格式化信息，以传送文档的外观特征。