创建一个表单页面,包含3部分:用户名(text),爱好(checkbox),求职意向(select) 提交表单到result2.jsp中,页面中获取传递的表单参数 EL表达式来显示用户提交的用户名、爱好、求职意向数据
时间: 2024-10-10 12:14:39 浏览: 62
创建一个HTML表单页面,用于收集用户的输入信息,可以按照以下步骤进行:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>表单页面</title>
</head>
<body>
<form action="result2.jsp" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="hobbies">爱好:</label>
<input type="checkbox" id="hobby1" value="足球"> 足球
<input type="checkbox" id="hobby2" value="篮球"> 篮球
<input type="checkbox" id="hobby3" value="阅读"> 阅读<br><br>
<label for="jobIntentions">求职意向:</label>
<select id="jobIntentions" name="jobIntentions">
<option value="">请选择</option>
<option value="软件工程师">软件工程师</option>
<option value="产品经理">产品经理</option>
<option value="设计师">设计师</option>
</select><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
在这个表单中,`<form>`标签的`action`属性指向`result2.jsp`,表示表单数据提交后将被处理的那个服务器端文件。`method="post"`表示数据是以POST方法发送。
然后,我们使用了EL(Expression Language)表达式来动态地显示表单字段,但在实际的JSP页面(如result2.jsp)中,你需要使用服务器端脚本语言(如Java、Servlet或JSTL)来获取并展示这些值。以下是一个简单的JSP示例(假设使用的是JSP EL):
```jsp
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<body>
<% String username = request.getParameter("username");
String[] hobbies = request.getParameterValues("hobby");
String jobIntentions = request.getParameter("jobIntentions"); %>
<p>用户名: <%= username %></p>
<p>爱好: ${hobbies}</p> <!-- 如果爱好是多个,需要循环遍历 -->
<p>求职意向: <%= jobIntentions %></p>
</body>
</html>
```
在这里,`request.getParameter()`用于获取表单提交的数据,数组形式的`hobbies`需要进一步处理才能显示每个爱好。
阅读全文