【Jsp精品源码栏目提醒】:网学会员为广大网友收集整理了,第2章__JSP动态网页设计基础 - 其它资料,希望对大家有所帮助!
12.1.3表单 表单是网页中提供的一种交互式操作手段,在网页中的使用十分广 泛。
无论是提交
搜索的信息,还是网上注册等都需要使用表单。
用户 可以通过提交表单信息与服务器进行动态交流。
表单主要可以分为两 部分:一是HTML源代码描述的表单;二是提交后的表单处理,需要 调用服务器端编写好的
JSP等代码对客户端提交的信息作出回应。
该部 分仅讲述HTML
源代码描述的表单。
2 在
HTML中,在需要使用表单的地方插入成对的表单标签即可。
基本语法 表单项、文字、图片等其中,属性name表示表单的名称;action用来指定接纳表单数据的
JSP页面或者SERVLET,如果该属性为空则提交给当前页面;method属性指定传输方式,可以选择post或get(在7.5节详细介绍两者的区别);enctype属性指定传送数据的编码方式,缺省值是application/x-url-encoded,利用表单上传文件时,需要改变编码方式,此时需要配合“post”方法。
表单最重要的作用是获取用户信息,这就需要在表单中加入表单项(控件),例如文本框、单选按钮等,常用的表单项如表2-4所示。
3 表2-4 常见表单项 表单项 说 明 单行文本框 密码文本框 提交按钮,将表单里的信息提交给表单里action所指 向的地址 图片提交 重置按钮,重设表单内容 普通按钮 隐藏元素 单选按钮 复选框 文件域... 列表框... 多行文本框 41单行文本框 单行文本框允许用户输入一些简短的单行信息,例如用户姓名、 住址等。
其基本语法如下所示: 图2-15 图片提交示例 85重置按钮 重置按钮是表单中另外一个比较
常用的按钮,其作用是重置用户 填写的信息。
其基本语法如下所示: name:设定提交按钮的名称 value:设定按钮上显示的文本,默认为“重置”。
96普通按钮 表单中经常用到普通按钮,它没有默认的动作,有时需要利用
JavaScript来做一些特殊的效果时使用。
其基本语法如下所示: 除了按钮的显示文字外,可以在按钮上添加很多效果,特别是单击按 钮后发生的事件等,如图2‐16所示是一个单击后会有对话框提示的按 钮,下面是对应的HTML源代码。
图2-16 按钮示例 107隐藏元素 隐藏元素多用于在提交表单时向服务器传递一些不需要用户设定但程 序必需的参数值。
这在动态网页中的需求更加明显。
基本语法如下所 示: 隐藏元素一般位于标签内,在表单提交时一同被发送 给服务器端,下面是一个隐藏元素的使用示例,功能是在表单提交 时,将用户的IP地址和用户所在的地区传送给服务器端,这种数据传 递用户往往是没有发觉的。
118单选按钮 单选按钮通常是给出几个选项供用户选择,一次只能从中选一 个,应用单选按钮时要确定显示给用户的文字和不同选项的取值。
其 基本语法如下所示: value:设定此单选按钮的选定值 checked:当该项默认被选中时设定,否则不设定。
129复选框 复选框通常是给出几个选项供用户选择,并且可以从中选择多 个,使用复选框时也要确定显示给用户的文字和不同选项的取值。
其 基本语法如下所示: value:设定此复选框的选定值 checked:当该项默认被选中时设定,否则不设定。
1310文件域 文件域是用来填写文件路径,通过表单上传文件的地方。
1411下拉列表 下拉列表是表单中供用户选择的一个表单项,列表框可以显示多 个选项供选择,且用户能同时选择其中的一个或多个。
列表框中包含标签。
其基本语法如下所示: …… name:设定下拉列表的名称 size:设定下拉列表显示选项的个数 multiple:设定此下拉列表可多选,如果为单选则省略该项 value:的属性,当选择该项时的值 1512多行文本框 多行文本框用来输入较多的文字信息,常在新闻发布与论坛等系 统中用到。
其基本语法如下所示: rows:文本框显示的行数 cols:文本框显示的列数 使用多行文本框时主要是确定它的名称以及大小行数与列数, 当用户输入的文字超过显示容量时,多行文本框会自动产生滚动条。
16 【例2-13】表单应用(form.html)。
会员注册用户名:密码:确认密码: 17性别:男女爱好:体育 音乐 文学 其它所在城市:北京上海天津重庆 18照片:备注:nbsp nbspnbsp 19图2-17 表单示例 20