第二次作业

本文描述了一名学生在编程作业中遇到的问题,他们尝试用HTML表格替换传统的form标签,导致在向后端show.jsp发送POST请求时出现问题。经过调试,发现table元素无法直接使用form的action属性。解决方案是调整代码,最终成功从输入页面传递并显示用户数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

完成老师布置的作业。

由于想要改变一下代码,就没有按照书本上的代码原封不动,将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运行效果:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值