现在的位置: 首页 > 综合 > 正文

HTML各种组件和Servlet的处理方法

2018年09月28日 ⁄ 综合 ⁄ 共 4614字 ⁄ 字号 评论关闭

转载地址:http://book.51cto.com/art/200811/96235.htm

2.2.4  HTML各种组件和Servlet的处理方法

本节的代码在HtmlTags目录中,它包括form1.html和ProcessForm1.java两个文件,其他文件是后面章节的代码。

运行本节例子的网址如下:

http://localhost:8080/HtmlTags/form1.html

在前面的章节中,已经演示了Servlet处理简单HTML组件(即单行输入框)的情况,HTML组件还包括诸如单选按钮、多选框(复选框)、单选菜单、多选菜单的情况,Servlet如何读取这些组件的数据,是本节的讨论主题。

form1.html是一个包含HTML组件的HTML文件,ProcessForm1.java是显示这些组件数据的Servlet。

(1) 单行输入框(含密码输入框)

对于下面这个HTML组件,读者已经知道Servlet读取其中输入数据的方法:

Input your Name:
<INPUT TYPE="TEXT" NAME="name"><br/>

下面是Servlet读取数据的代码:

String name = request.getParameter("name");

(2) 单选按钮

下面是单选按钮的HTML代码:

Select your Gender:
<input type="radio" name="sex" value="male" checked="checked"> Male
<input type="radio" name="sex" value="female"> Female

它在浏览器中的样子如图2.4所示。

图2.4  单选按钮

在单选按钮中,只能在一组按钮中选择一项,其特点是单选按钮的name都相同。

下面是读取单选按钮的选择值的代码:

String sex = request.getParameter("sex");

其值是male或者female,即HTML标记中value属性的值,不是提示信息Male或者Female。

可见,对于单选按钮,读取其选择的代码与单行输入框相同。

(3) 不同名多选框

下面是多选框的HTML代码:

Select Your Transport1:
<input type="checkbox" name="bike" checked="checked">
I have a bike
<input type="checkbox" name="car" value="auto">
I have a car
<input type="checkbox" name="plane">
I have a plane
<br/>  

在浏览器的样子如图2.5所示。

图2.5  不同名多选框

这个多选框可以选择多种交通工具,只有name,没有value的值。要知道选择了哪个工具,由于每个选择框有自己的name,那么可以用下面的代码显示其是否被选择:

String bike = request.getParameter("bike");

如果选择了bike,那么返回值是on(不是true和bike),如果没有选择,返回值是null。

(4) 同名多选框

上面多选框中各个选择框的name不同,如果它们相同,即下面的HTML代码:

Select Your Transport2:
<input type="checkbox" name="transport" value="bike" >
I have a bike
<input type="checkbox" name="transport" value="car" checked="checked">
I have a car
<input type="checkbox" name="transport" value="plane" checked="checked">
I have a plane
<br/>

其在浏览器中的样子看起来与上一个多选框相同,如图2.6所示。

图2.6  同名多选框

但其各个选择框的name都是transport,如果用request.getParameter(“transport”),由于该方法仅返回String类型,因此最多得到其中一个选择框的值,其他选择框的值无法知道。所幸Java考虑到了这种情况,认为上面的多选框返回的是一个数组,用下面的代码得到多选框中的值:

String[] transport = request.getParameterValues("transport");
if (transport != null) {
for (int i = 0; i < transport.length; i++) {
out.println("transport:" + transport[i] + ", ");
}
out.println("<br/> ");
}

就是说,不用request.getParameter方法,而是用request.getParameterValues,它返回用同样name的HTML组件值的数组。如果选择了car和plane,那么浏览器的输出为:

transport:car, transport:plane,

即没有选择的组件值不会出现在数组中。
(5) 无默认值单选菜单
下面是一个单选菜单的HTML代码:

Select only one car you like most:
<select name="cars1">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

其在浏览器中的样子如图2.7所示。

图2.7  无默认值单选菜单

由于因此只能选择一个,name为car1的值就只有一个,所以可以用下面的代码来得到选择的值:

String cars1 = request.getParameter("cars1");

注意: 它返回的是value属性的值,即小写的汽车名,不是菜单上的大写汽车名。

(6) 有默认值的单选菜单

下面是有默认值单选菜单的HTML代码:

Select only one car you like most, with fiat as default:
<select name="cars2">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<!-- selected -->
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>
<br/>

其在浏览器中的样子如图2.8所示。

硕大的Tech?Ed徽标

可以猜到,得到菜单选择值的代码和多选框一样:

String cars2 = request.getParameter("cars2");

(7) 有默认值多选菜单
下面是有默认值的多选菜单:

Select multiple cars you like,with Saab and audi  as default:<br/>
<select size="6" name="cars3" multiple="multiple">
<option value="volvo">Volvo</option>
<option value="saab" selected="selected">Saab</option>
<option value="fiat" >Fiat</option>
<option value="audi" selected="selected">Audi</option>
</select>

默认选择值是Saab和Audi,其在浏览器中的样子如图2.9所示。

图2.9  有默认值的多选菜单

与多选框的情况类似,得到菜单上的选择值的代码如下:

String[] cars3 = request.getParameterValues("cars3");
if (cars3 != null) {
for (int i = 0; i < cars3.length; i++) {
out.println("cars3:" + cars3[i] + ", ");
}
out.println("<br/> ");
}

(8) 菜单组
下面是菜单组的HTML代码:

<select name="books" size="10" multiple="multiple">
<optgroup label="Programming Languages">
<option value="Java" label="Java">Java</option>
<option value="C++" label="C++">C++</option>
<option value="C#" label="C#">C#</option>
</optgroup>

<optgroup label="Programming Tools">
<option value="JBuilder" label="JBuilder">JBuilder</option>
<option value="Visual Studio" label="Visual Studio">Visual Studio</option>
<option value="Eclipse" label="Eclipse">Eclipse</option>
</optgroup>
</select>

它把菜单分为Programming Languages和Programming Tools两组,其在浏览器中的样子如图2.10所示。

图2.10  菜单组

现在你应该肯定,得到菜单的选择值的代码如下:

String[] books = request.getParameterValues("books");

(9) 多行文本区
多行文本区的HTML代码如下:

<textarea name="comment" rows="10" cols="30">
Put some comment here.
</textarea>
 

其在浏览器中的样子如图2.11所示。

图2.11  多行文本区

得到其输入值的方法与单行输入框相同,即用request.getParameter方法。

从上面的代码中可以得到结论:如果HTML仅返回一个值,用request.getParameter方法,它返回字符串;如果返回几个值,用 request.getParameterValues方法,它返回这些值的数组。

读者可以还记得,用下面的代码能得到表单中所有组件的值:

Enumeration paramNames = request.getParameterNames();
out.print("<h3>Your form contained:</h3>");
while (paramNames.hasMoreElements()) {
String field = (String) paramNames.nextElement();
String value = request.getParameter(field);
out.print(field + " = " + value + "<br>");
}

但是,如果组件的输入可能包含几个值,就像多选框那样,那么上面的代码就不会显示全部的值。如何改进上面的代码,就交给读者自己研究。

 

抱歉!评论已关闭.