初学 Java web(三)JSP页面请求与响应

简单的用户注册界面

包括两个文件:zhuce.htmzhuce.jsp

zhuce.htm:显示注册表单界面

zhuce.jsp:获取所有的注册信息并显示

zhuce.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="content">
		<form action="zhuce.jsp?action=add" method="post">
		<table class="res" cellpadding="0" cellspacing="0">
		  <tr><th class="first" colspan="2">添加个人信息</th>  </tr>
		  <tr><td>用户名:</td>
		      <td><input type="text" name="username"/></td>
		  </tr>
		  <tr><td>密码:</td>
		      <td><input type="text" name="password"/></td>
		  </tr>
		  <tr><td>确认密码:</td>
		      <td><input type="text" name="rpassword"/></td>
		  </tr>
		  <tr><td>生日:</td>
		      <td><input type="text" name="birthday"/></td>
		  </tr>
		  <tr><td>身高:</td>
		      <td><input type="text" name="tall"/></td>
		  </tr>
		  <tr><td>E-mail:</td>
		      <td><input type="text" name="E-mail"/></td>
		  </tr>
		  <tr><td>请选择你得职业:</td>
		   <td><input type="radio" name="zhiye" value="工人"/>工人
		      <input type="radio" name="zhiye" value="农民"/>农民
		      <input type="radio" name="zhiye" value="军人"/>军人
		      <input type="radio" name="zhiye" value="学生"/>学生</td>
		  </tr>
		   <tr><td>请选择你得籍贯:</td>
		      <td><select name="area">
		      <option value="大连">大连</option>
		      <option value="锦州">锦州</option>
		      <option value="沈阳">沈阳</option>
		      </select></td>
		  </tr>
		  <tr><td>请选择你得爱好:</td>
		      <td><input type="checkbox" name="hobby" value="音乐"/>音乐
		      <input type="checkbox" name="hobby" value="旅游"/>旅游
		      <input type="checkbox" name="hobby" value="读书"/>读书</td>
		  </tr></table>
		   <tr><td>请输入你的留言:
		  <textarea name="liuyan" cols="30" rows="5" wrap="hard"></textarea> </td> </tr>
		 <table> <tr>
		  <td colspan="2"><input type="submit" value="提交"/></td>
		   <td colspan="2"><input type="reset" value="全部重写"/></td>
		 </tr></table>
		
		  

	</div>
</body>
</html>
zhuce.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>
<h2>您注册的信息如下</h2>
<% request.setCharacterEncoding("utf-8"); %>
<p>
用户名:<%= request.getParameter("username") %><br />
密码:<%= request.getParameter("password") %><br />
生日:<%= request.getParameter("birthday") %><br />
身高:<%= request.getParameter("tall") %><br />
E-mail:<%= request.getParameter("E-mail") %><br />
职业:<%= request.getParameter("zhiye") %><br />
籍贯:<%= request.getParameter("area") %><br />
爱好:<%String [] subject = request.getParameterValues("hobby");
for (int i=0;i<subject.length;i++)
{
%>
<%= subject[i] %>
<%} %>
留言:<%= request.getParameter("liuyan") %><br /></p>
</body>
</html>



猜你喜欢

转载自blog.csdn.net/baidu_34211956/article/details/78603859