第二次作业

Sapphire W

已于 2023-03-16 13:20:36 修改

阅读量50

点赞数

文章标签： java servlet html tomcat

于 2023-03-16 09:51:41 首次发布

本文链接：https://blog.csdn.net/m0_74902996/article/details/129557547

版权

该文章展示了如何在HTML中创建带有边框的表格，并使用JSP处理表单提交。输入页面(input.jsp)包含姓名、性别、爱好和电子邮件的输入字段，以及提交按钮。当用户提交表单后，数据被发送到输出页面(output.jsp)，在那里显示用户的输入信息。输出页面同样使用了表格来格式化显示结果，并处理了字符编码问题。

摘要由CSDN通过智能技术生成

这次作业主要体现了加了表格边框后的界面

代码基本上与之前一致

主要是添加了

<table>

</table>标签

以下为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>Insert title here</title>
</head>
<body>
<form action="output.jsp" method="post">
<table border="1">
	
	<tr>
	<td>姓名：</td>
	<td>
	<input type="text" name="name"/>
	
	</td>
	</tr>
	<tr>
	<td>性别：</td>
	<td><input name="sex" type="radio" value="男"/>男
		<input name="sex" type="radio" value="女"/>女</td>
	</tr>
	<tr>
	<td>爱好：</td>
	<td><input name="like" type="checkbox" value="唱歌跳舞"/>唱歌跳舞
		<input name="like" type="checkbox" value="器乐演奏"/>器乐演奏
		<input name="like" type="checkbox" value="户外登山"/>户外登山<br/>
		<input name="like" type="checkbox" value="周游旅行"/>周游旅行
		<input name="like" type="checkbox" value="看书听歌"/>看书听歌</td>
	</tr>
	<tr>
	<td>E-mail:</td>
	<td><input name="email" type="text"/></td>
	</tr>
	<tr>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td><input type="submit" value="提交"/></td>
	</tr>
</table>
</form>
</body>
</html>

input.jsp页面的呈现：

以下为output.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>
<table border="1" >
	<tr>
	<td>姓名：</td>
	<td><%=new String(request.getParameter("name").getBytes("ISO8859_1"),"UTF-8")%>
	</td>
	</tr>
	<tr>
	<td>性别：</td>
	<td><%=new String(request.getParameter("sex").getBytes("ISO8859_1"),"UTF-8")%></td>
	</tr>
	<tr>
	<td>爱好：</td>
	  <td><%
    String[] like =request.getParameterValues("like");
    for(int i=0;i<like.length;i++){
  %>
  <%=new String(like[i].getBytes("ISO8859_1"),"UTF-8")+"&nbsp;&nbsp;"%>
  <% }
  %></td>
	</tr>
	<tr>
	<td>E-mail:</td>
	<td><%=new String(request.getParameter("email").getBytes("ISO8859_1"),"UTF-8")%></td>
	</tr>
</table>

</body>
</html>