设计学生信息 HTML 页面,包含姓名、年龄、专业(计算机、应用数学、网络工程三个专业,三选一)、爱好(游泳、美术、音乐、体育四类、多选项),直接提交到服务器端JSP 页面,在页面中品示该学生的姓名、 年龄、专业三个参数值。用java语言怎么实现
时间: 2023-10-02 12:03:46 浏览: 164
首先,我们需要设计一个 HTML 页面,其中包含姓名、年龄、专业和爱好四个表单元素。代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息</title>
</head>
<body>
<form method="post" action="student.jsp">
<label>姓名:<input type="text" name="name"></label><br>
<label>年龄:<input type="number" name="age"></label><br>
<label>专业:
<select name="major">
<option value="计算机">计算机</option>
<option value="应用数学">应用数学</option>
<option value="网络工程">网络工程</option>
</select>
</label><br>
<label>爱好:
<input type="checkbox" name="hobby" value="游泳">游泳
<input type="checkbox" name="hobby" value="美术">美术
<input type="checkbox" name="hobby" value="音乐">音乐
<input type="checkbox" name="hobby" value="体育">体育
</label><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
然后,我们需要编写一个 JSP 页面,用于接收并处理 HTML 页面提交的表单数据,并将学生的姓名、年龄、专业三个参数值显示在页面上。代码如下:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息</title>
</head>
<body>
<h1>学生信息</h1>
<%
String name = request.getParameter("name");
int age = Integer.parseInt(request.getParameter("age"));
String major = request.getParameter("major");
%>
<p>姓名: <%= name %></p>
<p>年龄: <%= age %></p>
<p>专业: <%= major %></p>
</body>
</html>
```
在 JSP 页面中,我们使用了 request.getParameter() 方法获取 HTML 页面提交的表单数据,并将获取到的学生姓名、年龄、专业参数值分别赋值给变量 name、age 和 major。然后,我们可以使用 <%= %> 标签将这些参数值显示在页面上。
最后,我们将这两个文件放在一个 Web 应用程序中,并部署到 Tomcat 等 Web 服务器上即可。用户访问 HTML 页面并提交表单数据后,JSP 页面会自动接收并处理这些数据,并将结果显示在页面上。
阅读全文