Web服务应用开发（基于J2EE）表单学习

综合实例

代码：



代码：

表单概述

表单是较为复杂的HTML元素，经常与脚本、动态网页、后台数据处理等结合在一起使用，是设计动态网页的必备元素。
利用表单可以在HTML页面中插入一些表单控件(元素)，如文本框、提交按钮、重置按钮、单选按钮、复选框、下拉列表框等，完成各类信息的采集。
基本语法：

 < form method="post" action="">
      < input type="text" name="">
      < textarea name="" rows="" cols=""></ textarea>
     < select name="">
         < option value="" selected> </ option >
    </ select>
</ form>

例：

表单标记

name:给定表单名称，表单命名之后就可以用脚本语言(如VBScript或JavaScript)对它进行控制。
action:指定处理表单信息的服务器端应用程序。
method:用于指定表单处理表单数据方法，
method的值（get、post，默认get）。
enctype:规定表单数据在发送到服务器之前进行编码。有三种取值，分别如如下 ：

1、application/x-www-form-urlencoded (在发送前编码所有字符,默认)
2、multipart/form-data(不对字符编码 )
3、text/plain(空格转换为 “+” 加号，但不对特殊字符编码) 

定义域和域标题

利用< fieldset> </ fieldset>域标记可将表单内的相关元素进行分组。当一组表单元素放到fieldset标记内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果，或者可创建一个子表单来处理这些元素。< legend> </ legend>标记定义域标题。
基本语法:

< form>
< fieldset>
   <legend align=“left | center | right”>域标题</ legend>
         < input name="" type="radio" value="" checked>
    ……
</ fieldset>
</ form>

例：

表单信息输入

表单的主要功能是为用户提供输入信息的接口，将输入信息发送请求到服务器并等待服务器响应。

< form>< input name="" type=" "    ></ form>

单行文本输入框、密码框文本框

< input name="" type="text" maxlength="" size="" value="“  readonly >
< input  name=" “   type="password"  maxlength=""  size="">

注：
maxlength：设置单行输入框输入的最大字符数
size：设置单行输入框可显示的最大字符数
value：文本框的值，指定输入框中初始值
readonly:只读,文本框不可编辑
例：

复选框、单选按钮

< input name="" type="checkbox" value="" checked>
< input name="" type="radio"  value="" checked>

注：checked表示预选中。每一个复选框name、value属性都是不同的。每组单选按钮的name值必须相同，而value属性值必须不同。
例：

图像按钮

< input name="" type="image" src="" width="" height=" "  >

例：

提交按钮、重置按钮和普通按钮

< input name="" type="submit"  value="">

注：value: 指定显示在提交按钮上的文字，默认值“提交查询内容”，需要给value赋个初值。点击提交按钮后，将表单数据提交给服务器。

< input name=" "    type="reset"    value="">

注：value值默认为“重置”，不需要定义，但可以改变。点击该按钮可将表单域的内容清空。

< input name="" type="button" value="" onclick="">

注：普通按钮需要定义onclick属性，才能进行表单处理。
例：

文件选择框及隐藏框

 < input  name=""  type="file">

注：选择文件后并不能真正打开，只是将文件名回填到文件输入框内。

< input name="" type="hidden" value="">

注：隐藏框不显示在表单中，随用户表单一起提交给服务器。
例：

多行文本输入框

< textarea name=”” rows="" cols="" wrap=""> </ textarea>

例：

下拉列表框

< select name="" size="" multiple>
  < option value=""     selected  >选项内容</ option>
  < option     value=""  >选项内容</ option>
  < option value=""   >选项内容</ option>  
</ select>

注：size定义下拉列表的大小；multiple设置列表框支持多选；selected设置选项为预选状态。
例：