设计学生信息HTML页面,包含姓名、年龄、专业(计算机、应用数学、网络工程三个专业,三选一)、爱好(游泳、美术、音乐、体育四类、多选项),直接提交到服务器端JSP页面,在页面中显示该学生的姓名,年龄、专业三个参数值.用java实现
时间: 2023-10-20 14:04:00 浏览: 40
HTML页面代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息</title>
</head>
<body>
<form action="submit.jsp" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="age">年龄:</label>
<input type="number" id="age" name="age"><br><br>
<label for="major">专业:</label>
<select id="major" name="major">
<option value="计算机">计算机</option>
<option value="应用数学">应用数学</option>
<option value="网络工程">网络工程</option>
</select><br><br>
<label for="hobby">爱好:</label><br>
<input type="checkbox" id="swimming" name="hobby" value="游泳">
<label for="swimming">游泳</label><br>
<input type="checkbox" id="art" name="hobby" value="美术">
<label for="art">美术</label><br>
<input type="checkbox" id="music" name="hobby" value="音乐">
<label for="music">音乐</label><br>
<input type="checkbox" id="sports" name="hobby" value="体育">
<label for="sports">体育</label><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
JSP页面代码如下:
```java
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息</title>
</head>
<body>
<%
String name = request.getParameter("name");
int age = Integer.parseInt(request.getParameter("age"));
String major = request.getParameter("major");
String[] hobby = request.getParameterValues("hobby");
%>
<p>姓名: <%= name %></p>
<p>年龄: <%= age %></p>
<p>专业: <%= major %></p>
<p>爱好:
<%
if (hobby != null) {
for (String h : hobby) {
out.print(h + " ");
}
} else {
out.print("无");
}
%>
</p>
</body>
</html>
```
在JSP页面中,首先通过 `request.getParameter()` 方法获取HTML页面中 `name`、`age`、`major`、`hobby` 四个参数的值。其中,`request.getParameterValues()` 方法可以获取多选项的值。然后,使用 `<%= %>` 标记输出到页面中。在输出爱好时,需要判断是否有选中项,如果有则遍历输出,否则输出“无”。
相关推荐
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)