編寫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>