编写两个JSP页面,其中第一个Jsp页面编写一个表单包含多个输入标记,包括输入用户名、密码、电话、邮箱、单选按钮实现性别的选择、利用CheckBox实现兴趣的选择,以及提交按钮和取消按钮,将用户输入的上述内容上传到第二个Jsp页面;
时间: 2024-10-08 13:07:33 浏览: 33
jsp编写的 一个登陆界面
3星 · 编辑精心推荐
在JSP页面中编写表单以便收集用户信息通常涉及到HTML元素和服务器端脚本(如JavaServer Pages,JSP)。以下是一个简单的示例,展示了如何创建一个包含所需字段的表单:
**第一个JSP页面 (index.jsp)**
```jsp
<!DOCTYPE html>
<html>
<head>
<title>用户信息表单</title>
</head>
<body>
<h2>填写个人信息</h2>
<form action="submitData.jsp" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<label for="phone">电话:</label>
<input type="tel" id="phone" name="phone"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br><br>
<label for="interests">兴趣:</label>
<input type="checkbox" id="tech" name="interests[]" value="tech">
<label for="tech">科技</label>
<input type="checkbox" id="sports" name="interests[]" value="sports">
<label for="sports">运动</label><br><br>
<input type="submit" value="提交">
<input type="button" value="取消" onclick="window.location.href='/'">
</form>
</body>
</html>
```
**第二个JSP页面 (submitData.jsp)**
这个页面用于处理表单数据,但请注意,实际的业务逻辑(比如数据库操作、验证等)应该在服务器端的Servlet或JavaBean中完成,而不是直接在JSP中。
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>用户信息接收页</title>
</head>
<body>
<h2>提交的数据:</h2>
<pre>
用户名: <%= request.getParameter("username") %><br>
密码: [显示星号(*)] (由于安全原因,不会在此显示完整密码)<br>
电话: <%= request.getParameter("phone") %><br>
邮箱: <%= request.getParameter("email") %><br>
性别: <%= request.getParameterValues("gender")[0] %><br>
兴趣: <%= Arrays.toString(request.getParameterValues("interests")) %>
</pre>
</body>
</html>
```
阅读全文