编写page1.jsp和page2.jsp页面,具体要求如下: page1.jsp:包含一个表单,表单中输入内容有:姓名、班级、学号、性别(单选框)、兴趣爱好(多选框)。通过提交按钮将表单内容提交至page2.jsp。 page2.jsp:获取page1.jsp传递过来的值并显示。
时间: 2024-03-22 14:41:03 浏览: 87
用jsp编写计算器,文件供包含连个代码,分别是计算页面代码和显示结果的代码。
好的,以下是page1.jsp和page2.jsp的代码实现:
page1.jsp:
```
<!DOCTYPE html>
<html>
<head>
<title>学生信息表单</title>
</head>
<body>
<form method="post" action="page2.jsp">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br><br>
<label for="class">班级:</label>
<input type="text" id="class" name="class" required><br><br>
<label for="student_id">学号:</label>
<input type="text" id="student_id" name="student_id" required><br><br>
<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male" required>
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female" required>
<label for="female">女</label><br><br>
<label for="hobbies">兴趣爱好:</label>
<input type="checkbox" id="reading" name="hobbies" value="reading">
<label for="reading">阅读</label>
<input type="checkbox" id="traveling" name="hobbies" value="traveling">
<label for="traveling">旅游</label>
<input type="checkbox" id="sports" name="hobbies" value="sports">
<label for="sports">运动</label>
<input type="checkbox" id="music" name="hobbies" value="music">
<label for="music">音乐</label><br><br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>
```
page2.jsp:
```
<!DOCTYPE html>
<html>
<head>
<title>学生信息展示</title>
</head>
<body>
<h2>您提交的学生信息如下:</h2>
<p>姓名: <%= request.getParameter("name") %> </p>
<p>班级: <%= request.getParameter("class") %> </p>
<p>学号: <%= request.getParameter("student_id") %> </p>
<p>性别: <%= request.getParameter("gender") %> </p>
<p>兴趣爱好: <%= Arrays.toString(request.getParameterValues("hobbies")) %> </p>
</body>
</html>
```
以上是简单的表单提交和展示表单内容的实现代码,希望能够帮到您。
阅读全文