HTML表单和JSP汉字处理问题.pptVIP

HTML表单JSP汉字处理 北京工业大学通州分校 刘砚秋 计算机系 auroraqiu@ HTML表单 复习Web运行原理 HTML表单的概念 表单元素介绍 HTML表单的客户端确认 客户端表单确认实例 Web运行原理－1 客户端同Web服务器之间的协议为http HTTP为超文本传输协议 HTPP协议为“请求和响应”协议 客户端请求包括：请求行、头、信息体 客户端请求的方法 GET、POST、HEAD DELETE、TRACE、PUT 提交表单的方法： GET、POST Web运行原理－2 服务器接收到请求后，返回HTTP响应 每个响应：状态行、头、信息体 常见状态 404 所请求的文件不存在 500 服务器程序出错 200 OK 成功 信息体用于浏览器显示 页面访问失败 HTML表单 表单是具有输入域、文本域的页面 用于客户端同服务器端交互 用户在客户端填写表单，然后“提交” 表单中的信息发送到服务器 服务器返回处理情况 HTML表单标记 表单主标记 form /form 表单中的标记 input select /select option textarea /textarea form是表单开始标记，/form结束 表单的例子（peixun2.15.jsp） %--表单例子，peixun2.15.jsp文件代码--% %@ page contentType=text/html;charset=gb2312% html headtitle表单/titlehead body form method=POST action= p align=center用户登录 p align=center 用户名：input type=text name=User size=20nbsp;nbsp;nbsp;nbsp; 密码：input type=password name=pwd size=20br br /form /body /html 运行结果 form标记 描述表单的特性，语法 form method=POST action=“ enctype=“” method表单传输方法 GET方法将表单信息在URL后传输 POST方法将表单信息作为信息体传输 action为表单处理方式，通常为一个URL enctype为编码方式 input标记 表单中输入信息的区域 属性 type 类型 name 名称 id 标识 maxlength 最大字符数 size 输入域宽度 value 域的初始值 button 按钮 用javascript响应 input的类型 text 文本 passwowrd 口令方式 checkbox 多选框 name相同 radio 单选按钮 name相同 image 图片 hidden 隐藏表单 发送数据 submit 提交按钮 向服务器提交表单 reset 复位按钮 将表单充置为初始状态 文本框：TEXTAREA 多行文本域：textarea /textarea 参数 COLS：宽度 ROWS：高度 NAME：名称 textarea NAME=“Computer” ROWS=6 COLS=64 CPU PIV 1500 Memory 512M /textarea 下拉框：SELECT 定义列表框：select /select 参数 MULTIPLE 可同时选取多行 NAME 名称 SIZE 可见项目数 每个项目用option标记 属性SELECTED出现在option表示选中 select的例子 select name=area style=width50 size=1 option value=北京 selected 北京 /option option value=天津 天津 /option option value=上海 上海 /option option value=重庆 重庆 /option /select 表单提交 提交方式： submit类型按钮提交表单 通过普通按钮的javascript函数 传输方法依据form中的method 推荐使用POST 传输编码依据form中的enctype 处理方式依据form中的action input type=submit value= 提交 表单清除 reset按钮重置表单为初始值 input type=reset value=全部重写/p 综合例子 %--表单综合例子，peixun2.16.jsp文件代码--% %@ page contentType=text/html;charset=gb231