HTML表单的作用是提供客户端和服务器端的交互。当用户填写完表单后单击
Submit按钮(中文可写成“确定”、“提交”)时,表单中的信息将被发送到服务器端进行处理。服务器将处理过的HTML文件返回到客户端进行显示。
执行表单的标记有如下几种:
1、
<form> 标记包含描述文件结构的标记,同时还包括一些输入标记。
参数如下:
action:用于设置表单的处理方式,一般指明一个处理表单的URL地址,例如,把用户注册表单内容提交到
register.jsp处理,则action="register.jsp"。
method:用于设置表单的信息传输方式,有“
POST”和“
GET”两种方式。
2、
<input> 标记一般形式是<
input name="
jspName"
type="
jspType">,用于定义用户在表单上输入信息的域,它有许多参数,可根据type参数值来判断输入域的类型。
常用的有以下几个类型:
type="
text"
<
input name="
jspName"
type="
text"
maxlength="
20"
size="
20"
value="
jspName">
name必选参数,用于指定与该标记相应表单域的名称。maxlength\size\value为可选参数。
maxlength用于限制可进入文本输入域的字符数,size指明输入域的大小,value为输入域的初始值。
图1.1为一单位文本输入域的实例。
2、
<password>
type="
password"
<
input name="
jspName"
type="
password"
maxlength="
20"
size="
20"
value="
jspName">
此类型的标记也是文本输入域,但同“text”不同的是输入时其值是隐藏的,以“*”显示。其参数设置与
type="text"相同。
图1.2为一密码输入域的实例。
3、
<radio> type="
radio"
<
input name="
jspName"
type="
radio"
value="
jspName"
checked>
些类型的标记用来表示一个逻辑选择,只能选择一个。参数说明如下:
name:用于指定该标记或一组标记的相应的表单域的符号名称。
value:用于表示些标记提供的域值部分。
checked:用于指示初始状态为on。
name和
value为必选参数,checked为可选参数。
图1.3为一单选表单域的实例。
4、
<checkbox> type="
checkbox"
<
input name="
jspName"
type="
checkbox"
value="
jspName"
checked>
些类型的标记用来表示一个逻辑选择,可多选。参数说明如下:
name:用于指定该标记或一组标记的相应的表单域的符号名称。
value:用于表示些标记提供的域值部分。
checked:用于指示初始状态为on。
name和
value为必选参数,checked为可选参数。
图1.4为一单选表单域的实例。
5、
<hidden> type="
hidden"
这是隐藏域标记,隐藏域在页面是不显示的。语句如下:
<
input name="
jspName"
type="
hidden"
size="
20"
value="
jspName">
name和
value参数是必选的。
6、
<submit> type="
submit"
<
input name="
submit"
type="
submit"
value="确定">
此标记表示浏览器提交表单的输入内容,通常是一个按钮,单击此按钮将提交Form表单输入的数据给Web服务器。
参数说明如下:
name:提供一个由value参数给定其值的表单域。
value:用于指示一个输入按钮标记。
图1.6为submit按钮实例。
7、
<reset> type="
reset"
<
input name="
reset"
type="
reset"
value="重做">
此标记指示浏览器把表单的输入内容重置为初始状态,通常是一个按钮。
图1.7为reset按钮实例。
8、
<textarea> type="
textarea"
<
textarea name="
jspName"
rows="
3"
cols="
10"></textarea>
该标记表示一个多行文本域。参数说明如下:
cols:用行表示显示文本区域的可视宽度。
rows:用列表示显示文本区域的可视高度。
name:指明表单域的名称。
图1.8为多行文本域的实例。
9、
<select>、<option> <select></select>标记在表单中用来定义列表栏。值由在<option>标记中的value参数给出。
select表示该选项在初始时便被选择。
<
select name="
jspName"
size="
1">
<
option value="
小学">小学</
option>
<
option value="
初中">初中</
option>
<
option value="
高中">高中</
option>
<
option value="
专科">专科</
option>
<
option value="
本科"
selected>本科</
option>
<
option value="
硕士">硕士</
option>
<
option value="
博士">博士</
option>
</select>
图1.9为下拉列表框域的实例。
在把表单内容提交到服务器前,要对数据进行校验。目前有两种方法:客户端校验和服务器端校验。