HTML表单 JSP借由标签<FORM>所构成的表单区块中，取得用户在其中特定字段输入的数据內容 。 JSP 动态网页新技术.

Presentation on theme: "HTML表单 JSP借由标签<FORM>所构成的表单区块中，取得用户在其中特定字段输入的数据內容 。 JSP 动态网页新技术."— Presentation transcript:

1 HTML表单 JSP借由标签<FORM>所构成的表单区块中，取得用户在其中特定字段输入的数据內容 。 JSP 动态网页新技术

2 HTML表单属性 HTML定义了可用以放置在表单区域內的属性与功能选项标签 。 JSP 动态网页新技术

3 HTML表单属性标签 功 能 标 签 说 明 文本框 <input type="text">
功 能 标 签 说 明 文本框 <input type="text"> 提供输入单行文字、数字等数据的文本框。 选项按钮 <input type="radio"> 提供类似收音机按钮的单一选项按钮。 复选框 <input type=checkbox> 提供外观包含一个四边形方块，可供勾选特定项目的复选框。 文本区域 <textarea></textarea> 提供大量、多行的文字、数字等类型的数据输入文本区域。 下拉列表框 < select size=1> < option >… </ select > 提供具备清单选项的下拉式文本列表。 组合式列表 <select size =sizeNumer> <option> … </select> 提供具备清单选项的多行选项文本列表。 传送按钮 <input type="submit"> 提供将网页数据内容传送回服务器的按钮。 重设按钮 <input type="reset"> 提供重设网页数据内容的重设按钮。 JSP 动态网页新技术

4 文本框 文本框是用来取得用户在网页所输入的姓名、地址之类等相关数据内容 。 <input type="text"
name="txtName" size="20"> 文本框外观 密码输入属性主要用在取得用户输入的密码，且会出现密码符号代替用户所输入的数据以避免密码被其它人看见。 JSP 动态网页新技术

5 文本框属性 属 性 说 明 type text / password。 name
属 性 说 明 type text / password。 name 指定文字输入栏的名称。如name="usrname"，则在JSP程序中可利用此名称来取得其中所输入的数据。 value 设定文字属性的默认值。 size 设定文字属性的长度。 maxlength 设定文字属性可接受的字符上限，中文字也算一个字符。 JSP 动态网页新技术

6 多行文本输入区域常用于输入大量的文字数据
<textarea rows="2" name="txtareaName" cols="20"></textarea> JSP 动态网页新技术

7 <textarea>属性 属 性 说 明 name 设定文本区域的名称 rows 设定文本区域显示的列数 cols
说 明 name 设定文本区域的名称 rows 设定文本区域显示的列数 cols 设定文本区域显示的行数 value 设定文本区域的默认值 JSP 动态网页新技术

8 单选按钮 单选按钮使用于多选一的情况，<input>标签的type属性设定为radio：
具有相同name属性的单选钮，被归纳为同一个选项群组，因此只能选择其中某一个选项，若name属性不同则为各自独立的选择群组， 一个以上的单选按钮組合，提供用户在网页上选择所需的特定选项。 JSP 动态网页新技术

9 单选按钮属性 属 性 说 明 name 设定该单选钮的名称 value 设定单选钮返回给JSP程序的值 checked
属 性 说 明 name 设定该单选钮的名称 value 设定单选钮返回给JSP程序的值 checked 设定单选钮是否为预设选取 JSP 动态网页新技术

10 复选框 复选框用来复选多个选项 ，其INPUT标签的type属性设为checkbox。
复选框通常代表一种布尔类型的数据，若是符合其提示说明则选择 。 一组复选框并不会特别限定只允许选择其中一个选项 。 JSP 动态网页新技术

11 复选框属性 属 性 说 明 name 设定复选框的名称 value 设定复选框返回给JSP程序的值 checked
属 性 说 明 name 设定复选框的名称 value 设定复选框返回给JSP程序的值 checked 设定复选框是否为预设选取，若值为true则表示默认选取 JSP 动态网页新技术

12 下拉列表框 下拉列表框的主体由<select>、</select>标签所组成，而其内容选项则是使用<option>标签来设定 。 <select> <option>选项1 <option>选项2 </select> JSP 动态网页新技术

13 下拉列表框属性 <select> <option > 属 性 说 明 name 设定下拉列表框的名称 size
属 性 说 明 name 设定下拉列表框的名称 size 设定下拉列表框显示的项目个数 multiple 设定下拉列表框内的数据是否能够复选 <option > 属 性 说 明 value 设定数据选项所返回给JSP的值 selected 设定数据选项为默认选取。 JSP 动态网页新技术

14 发送按钮与重设按钮 发送按钮：当用户单击按钮后可将数据传送給程序处理。
<input type=“submit” value=“发送数据”> 重设按钮：将输入与选择的数据清除。 <input type=“reset” value=“重设数据”> 属性value用来设定按钮上的显示文字。 JSP 动态网页新技术

15 改良的Hello World范例 JSP 动态网页新技术

16 表单与交互式网页结构 JSP 动态网页新技术

17 表单 < form ></ form >标签在网页创建一块特定区域作为一种标签容器，形成收集用户数据功能的网页表单。
属性method、action和name，配合< form >标签，形成创建表单的完整语法。 <form method="POST/GET" 　　action="responsePath" name="formName" > 表单内容… 　</form> 其中method指定网页以何种模式传送表单的属性数据，可能的两种模式分别是Post和Get 。 action代表这一份表单网页传送出去之后，服务器对其响应所返回的网页路径地址 ，若是这个属性没有设定，网页本身会被当作action属性值 。 name代表表单的名称，JSP利用这个名称，辨识网页中的特定表单区域。 JSP 动态网页新技术

18 Request对象 request对象为网页服务器端程序中，用以取得客户端表单属性内容数据的主要核心对象 。
JSP 动态网页新技术

19 Request对象方法成员 JSP 动态网页新技术 分 类 方 法 说 明 取得用户参数 GetParameter(strName)
分 类 方 法 说 明 取得用户参数 GetParameter(strName) 返回指定变量名称的数据。 GetParameterValues(strName) 返回所有变量名称的集合，集合中的内容为各个传送的变量名称。 GetParameterNames() 返回指定名称的数组，若用户所输入的数据为复数，且变量名称相同，则使用此方法来取得复数的数组数据。 取得系统信息 getProtocol() 返回通信协议的方式   getRemoteAddr() 返回客户端用户的IP地址 getRemoteHost() 返回客户端用户的主机名称 返回发出请求的方式，如http、ftp、telnet getScheme() getServerName() 返回服务器主机的名称 getServerPort() 返回服务器主机的连接端口号码，如：8080 getRealPath("") 返回目前虚拟路径的真实路径 getMethod() 返回传送数据的方式，如：GET、POST getQueryString() 返回附在网址列后的字符串数据 getRequestURI() 返回请求的URI字符串，不包含网址列后的查询字符串，如“ getServletPath() 传回程序的相对路径与文件名 取得标头信息 getHeader(String name) 返回名称为name的请求标头内容 getHeaderNames() 返回所有请求标头名称的集合 JSP 动态网页新技术

20 GetParameter()是获取表单数据最简单的方法 ：
request.GetParameter(strName)　 参数strName，代表所要获取的表单属性名称。 JSP 动态网页新技术

21 设定中文编码 方法setCharacterEncoding()用來设定request对象的编码格式 ，此方法接受一个代表编码格式的标识符串，简体中文的编码为GB2312 ： <%request.setCharacterEncoding(“GB2312") ; %> JSP 动态网页新技术

22 Post 与 Get区别 <Form>的Method属性，有两种可能值，Post和Get。
使用 GetParameter 获取传送的数据內容 。 JSP 动态网页新技术

23 getParameterNames() getParameterNames()方法主要是用来取得所有传递变量的名称，其返回值是一个包含所有变量名称的Enumeration集合对象 。 JSP 动态网页新技术

24 Enumeration接口类型 Enumeration是java.util包中的一个接口。 Enumeration objName;
hasMoreElement() 传回布尔值表示对象中是否还包含元素。 nextElement() 传回集合中的下一个元素，元素的数据类型为Object。 JSP 动态网页新技术

25 nextElement() 方法 JSP 动态网页新技术

26 获取标头信息 HTTP通信协议是使用在规范界定网页服务器和浏览器之间，进行沟通与数据交换所需的规则，HTTP整个运行的过程可分为以下三个步骤 。 请求 标头数据交换 主题数据传输 JSP 动态网页新技术

27 获取标头信息-请求 JSP 动态网页新技术

28 获取标头信息-标头数据交换 JSP 动态网页新技术

29 获取标头信息-主体数据传输 JSP 动态网页新技术

30 Request对象方法成员 方 法 说 明 getHeader(String name) 返回名称为name的请求标头内容
方 法 说 明 getHeader(String name) 返回名称为name的请求标头内容 getHeaderNames() 返回所有请求标头名称的集合 JSP 动态网页新技术

31 response 对象方法成员 分 类 方 法 说 明 设定响应信息 getCharacterEncoding 返回文件内容编码的方式
分 类 方 法 说 明 设定响应信息 getCharacterEncoding 返回文件内容编码的方式 setContentType 设定网页的文件格式与编码方式 sendError 自定义输出客户端的错误代码以及信息。 setStatus 用来设定一个响应的HTTP状态码 JSP 动态网页新技术

32 response 对象方法成员 分 类 方 法 说 明 响应标头信息 ContainsHeader (String name)
分 类 方 法 说 明 响应标头信息 ContainsHeader (String name) 返回布尔值表示名称为name的标头是否存在 SetDateHeader (String name, long date) 设定名称为name的响应标头，数据类型为长整数long，内容为date，其值为格林威治时间自1970年1月1日开始算起到要设定时间的毫秒数 setHeader(String name, String value) 设定名称为name的响应标头其内容为value，数据类型为字符串String setIntHeader(String name, int value) 设定名称为name的响应标头其内容为value，数据类型为整数int JSP 动态网页新技术

33 response 对象方法成员 分 类 方 法 说 明 缓冲区处理 flushBuffer() 清空缓冲区 getBufferSize()
分 类 方 法 说 明 缓冲区处理 flushBuffer() 清空缓冲区 getBufferSize() 取得缓冲区大小 setBufferSize() 设定缓冲区大小 isCommitted() 表示数据是否出写入浏览器 reset() 清除缓冲区内容 网页定向与 重定向 sendRedirect("pageUrl") 重新定向网页至指定的url JSP 动态网页新技术

34 设定响应信息 getCharacterEncoding方法：返回文件内容编码的方式 。
response.getCharacterEncoding() 默认情况下返回的值是8859_1。 setContentType方法：用来设定网页的文件格式与编码方式，与page指令的contentType属性功能是相同的 。 　　　　response.setContentType 　　　("text/html;charset=GB2312"); JSP 动态网页新技术

35 设定响应信息 sendError方法：自定义一个错误的代码，以及错误的信息输出至客户端 。
response.sendError(错误代码，文字信息) setStatus方法 设定一个响应的HTTP状态码，依这个状态码，客户端便会出现相关的信息 。 打开的网页正确无误，则会自动传送一个SC_OK(整数值为200)的状态码。 JSP 动态网页新技术

36 响应标头信息 <% //设定 Connection 标头的內容
response.setHeader(“Connection”,“keep-alive”); //设定 Expires 标头的內容 response.setDateHeader(“Expires”,10000*10000); //设定 Retry-After 标头的內容 response.setIntHeader(“Retry-After”,1000); //查看响应标头中是否包含 Expires response.containsHeader("Expires"); %> JSP 动态网页新技术

37 Response提供用以处理缓冲区的功能：
操作缓冲区 Response提供用以处理缓冲区的功能： flushBuffer：清空缓冲区 getBufferSize：获取缓冲区大小 setBufferSize：设定缓冲区大小 JSP 动态网页新技术

38 重新定向网页 Response对象的sendRedirect方法用来重新定向新网页：
JSP 动态网页新技术

39 Cookie Cookie数据储存的功能由浏览器本身所提供，因此Cookie功能都必须要有浏览器的支持才行 。
JSP 动态网页新技术

40 Cookie示意图 JSP 动态网页新技术

41 建立与传送 Cookie 建立Cookie的语法：
Cookie objCookie = new Cookie(indexValue,stringValue) 一个Cookie对象必须包含有一个特定的indexValue索引值与字符串类型的数据内容stringValue。 传送到客户端： response.addCookie(objCookie) JSP 动态网页新技术

42 获取 Cookie 步骤 取得客户端包含所有Cookie对象的数组 ： request.getCookies()
Cookie名称.getName() //返回指定Cookie的索引值 Cookie名称.getValue()　//返回指定Cookie的数据 JSP 动态网页新技术

43 设定Cookie的存在期限 在默认情况下，Cookie是随着用户关闭浏览器而自动消失，不过Cookie也可以设定其存在的期限，让用户下次开启网页时，服务器端仍然能够取得同样一个Cookie中的数据内容。 方 法 说 明 setMaxAge(int second) 设定Cookie在second秒的时间内皆为有效 getMaxAge() 返回Cookie的有效期限 JSP 动态网页新技术

44 删除Cookie 要删除某一个客户端的Cookie，必须使用前面的sexMaxAge()方法，并将Cookie的存在期限设为0 。
Cookie名称.setMaxAge(0) JSP 动态网页新技术

45 Cookie的有效路径 Cookie对象产生后，所有服务器端的网页均能存取其数据內容。 存取该Cookie对象的网页路径范围 ： 方 法
方 法 说 明 setPath(String uri) 设定能够存取Cookie对象的网页路径为uri与其下的子目录 getPath() 返回能够存取Cookie对象的网页路径 JSP 动态网页新技术