编写volunteer.html,如图。数据提交给volunteer.jsp
编写volunteer.jsp,接收volunteer.html中提交的数据,使用EL表达式显示用户注册信息,如图:
Volunteer.java
package bean;
public class Volunteer {
private String name;
private String email;
private String gender;
private String[] foreign;
private String area;
private String selfintro;
public String getArea() {
return area;
}
public void setArea(String area) {
this.area = area;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public String[] getForeign() {
return foreign;
}
public void setForeign(String[] foreign) {
this.foreign = foreign;
}
public String getGender() {
return gender;
}
public void setGender(String gender) {
this.gender = gender;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getSelfintro() {
return selfintro;
}
public void setSelfintro(String selfintro) {
this.selfintro = selfintro;
}
}
Volunteer.html
<html>
<body>
<h1>
<form name="f1" action="volunteer.jsp" method="post">
<table border="2">
<tr>
<td colspan="2" align="center"> 奥运志愿者注册</td>
</tr>
<tr>
<td> 姓名</td> <td> <input type="text" name="name"> </td>
</tr>
<tr>
<td>E_mail</td> <td> <input type="text" name="email"> </td>
</tr>
<tr>
<td> 性别</td>
<td>
<input type="radio" name="gender" checked=true value="男">男
<input type="radio" name="gender" value="女">女
</td>
</tr>
<tr>
<td> 外语</td>
<td>
<input type="checkbox" name="foreign" value="英语"> 英语
<input type="checkbox" name="foreign" value="法语"> 法语
<input type="checkbox" name="foreign" value="俄语"> 俄语
<input type="checkbox" name="foreign" value="德语"> 德语
</td>
</tr>
<tr>
<td> 注册地区</td>
<td>
<select name="area">
<option value="北京">北京</option>
<option value="沈阳">沈阳</option>
<option value="上海">上海</option>
<option value="大连">大连</option>
</select>
</td>
</tr>
<tr>
<td> 自我介绍</td>
<td>
<textarea name="selfintro" rows=5 cols=60>自我介绍</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>
Volunteer.jsp
<%@ page contentType="text/html;charset=GBK" %>
<html>
<%request.setCharacterEncoding("GB2312"); %>
<jsp:useBean id="myBean" class="bean.Volunteer" />
<jsp:setProperty name="myBean" property="*" />
注册信息如下:<br>
姓名:<jsp:getProperty name="myBean" property="name" /><br>
Email:<jsp:getProperty name="myBean" property="email" /><br>
性别:<jsp:getProperty name="myBean" property="gender" /><br>
<% out.println("外语:");
String[] foreign=myBean.getForeign();
for(int i=0;i<foreign.length;i++)
out.println(foreign[i]+"\n");
%>
<br>
地区:<jsp:getProperty name="myBean" property="area" /><br>
自我介绍:<jsp:getProperty name="myBean" property="selfintro" /><br>
</html>