jsp08.ppt

运行结果 ??? ?? ??? ?? ??? ?? ??? ?? 动态网页技术 - 学分 3.0 JSP——交互应用程序和数据库程序篇 第8讲 使用表单开发交互式应用程序 本节课要解决的问题 Jsp动态网页的请求和响应 创建表单 接收表达数据 处理不良好的控件 Jsp动态网页的请求和响应 1.请求连接 http://localhost:8080/index.jsp HTTP数据： GET http://localhost:8080/index.jsp HTTP/1.1 Host:localhost Accept:*/* Accept-language:zh-cn Accept-Encoding:gzip,deflate User-Agent:Mozilla/4.0(compatible;MSIE6.0;windowsNT) Pragma:no-cache Connection:Keep-Alive HTML 请求和响应的基本过程 做出响应 名为localhost的服务器接受连接，做出响应 HTTP/1.1 200 OK Server:Apache-coyte/1.1 Date:Sat,17 mar 2007 04:42:57 GMT Content-Type:text/html Accept-Ranges:byes Last-Modified:Tue,27 Feb 2007 19:31:58 GMT ETag:W/”2\320-1180413521626” Content-Length:4244 空一行 html …… /html 表单有两个用途： 一是在网页上显示特定的信息 二是用来收集来自用户的信息，并将收集的信息发给服务器端处理程序进行处理 Web中的交互必须借助于表单这个桥梁 使用表单开发交互式应用程序 创建表单 1、表单多指HTML表单，如符合XHTML标准，就称为XHTML表单 2、XHMTL表单通常表现为：单行显示文本框、隐藏文本框、多行显示文本框、复选框、单选按钮，列表框、菜单（组合框）、图像域、文件域、按钮、标签。 3、元素通常有：form、input、option、select、textarea Form元素是表单的容器，用于包含其他的表单元素，设定表单的起始位置，并指定处理表单的服务器端程序URL地址 HTML Form元素 语法结构： form action=“URL” dir=“” enctype=“” id=“” lang=“” method=“” name=“” onclick=“” ondblclick=“” class=“” onreset=“” onsubmit=“” target=“” /form Action属性用于设定处理表单的url地址 Method用来定义处理表单的数据传送方式 Name用于设定表单的名称， XHTML规定建议使用属性id，最好两都用。 Onreset，onsubmit主要是针对reset按钮和submit按钮的，设定在按钮按下后执行的程序。 HTML Form元素 input align=“” name=“” Type=“text|textarea|password|checkbox|radio|submit|reset|file|hidden|image|button|” Value=“value” src=“url” checked=“checded” maxlength=“n” size=“” Onclick=“function” onselect=“function”/ Type的值决定了表单的类型，如下表： HTML input元素 Type值对应的表单控件 表示普通按钮 Button 表示插入一个图像，作为图像按钮 Image 不显示 隐藏文本框 Hidden 表示插入一个文件，由一个单行文本框和一个浏览按钮组成 File 重置按钮，重置表单数据，以便重新输入 Reset 表示提交按钮，将把数据发送到服务器 Submit 单选按钮 Radio 表示复选框 Checkbox 表示单行显示文本框，但输入的数据用星号表示 Password 表示多行显示文本框 Textarea 表示单行显示文本框 Text 显示结果 控件类型 Typ值 label元素就是用来为其他表单控件定义标签显示的。 如： label input type=“radio” name=“” value=“Item1”单选1 /labelbr/ label input type=“radio” name=“” value=“Item2”单选2 /labelbr/ 其他元素略 HTML Label元素 使用样式表控制表单的呈现 层叠样式表单（CSS）可