完成老师布置的作业。
由于想要改变一下代码,就没有按照书本上的代码原封不动,将form换成了table,像让其排版更好看,后来就出现show获取不了input数值的问题。在几番周折之后,得知table是不能用action的,再加以修改就完成了作业。
以下为input.jsp代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>个人信息收集</title>
</head>
<body>
<form action ="show.jsp"method="post">
<table style="list-style:none; line-height:50px">
<tr >
<td style="border:1px solid black;">姓名:</td>
<td style="border:1px solid black;"><input type="text"name="name"/></td>
</tr>
<tr >
<td style="border:1px solid black;">性别:</td>
<td style="border:1px solid black;"><input name="sex" type="radio" value="男"/>男
<input name="sex" type="radio" value="女"/>女</td>
</tr>
<tr >
<td style="border:1px solid black;">爱好:</td>
<td style="width:400px;border:1px solid black;"">
<input name="like" type="checkbox" value="篮球"/>篮球
<input name="like" type="checkbox" value="旅游"/>旅游
<input name="like" type="checkbox" value="音乐"/>音乐
<input name="like" type="checkbox" value="摄影"/>摄影
</td>
</tr>
<tr>
<td style="border:1px solid black;">E-mail:</td>
<td style="border:1px solid black;"><input type="text"name="E-mail"/></td>
</tr>
<tr >
<td style="border:1px solid black;"></td>
<td style="border:1px solid black;"><input type="submit" value="Submit"><input type="reset" value="全部重写"></td>
</tr>
</table>
</form>
</body>
</html>
input.jsp运行效果
以下为show.jsp代码 :
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form>
<table style="list-style:none; line-height:50px">
<caption>用户输入的信息</caption>
<tr>
<td style="border:1px solid black;">姓名</td>
<td style="border:1px solid black;">
<%=new String(request.getParameter("name").getBytes("ISO8859_1"),"UTF-8")%>
</td>
</tr>
<tr>
<td style="border:1px solid black;">性别</td>
<td style="border:1px solid black;">
<%=new String(request.getParameter("sex").getBytes("ISO8859_1"),"UTF-8")%>
</td>
</tr>
<tr>
<td style="border:1px solid black;">爱好</td>
<td style="border:1px solid black;">
<%
String like[]=request.getParameterValues("like");
for(int i=0;i<like.length;i++){
%>
<%=new String(like[i].getBytes("ISO8859_1"),"UTF-8")%>
<%
}
%>
</td>
</tr>
<tr>
<td style="border:1px solid black;">E-mail</td>
<td style="border:1px solid black;">
<%=new String(request.getParameter("E-mail").getBytes("ISO8859_1"),"UTF-8")%>
</td>
</tr>
</table>
</form>
</body>
</html>
show.jsp运行效果: