使用EL表达式和JSTL实现将文本框中的内容输出到页面的功能,在此页面的文 本框中输入内容,单击页面提交按钮之后,输入框以及按钮消失,文本框中输 入的内容显示到页面。
时间: 2024-11-29 09:33:23 浏览: 9
JAVAEE实验报告EL表达式和jstl标签库的使用.pdf
在Java Web中,可以使用EL(Expression Language)表达式结合JSP (JavaServer Pages) 和 JSTL (Java Standard Tag Library) 来实现在用户提交表单后动态更新页面内容。首先,创建一个HTML表单,包含一个文本框(text box)和一个提交按钮。然后在JSP文件中做如下操作:
```html
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>动态展示</title>
</head>
<body>
<form action="your-action-page.jsp" method="post">
<input type="text" id="contentBox" name="contentBox" />
<input type="submit" value="提交" />
</form>
<%-- 使用EL和JSTL动态获取并显示文本框内容 --%>
<jsp:useBean id="bean" class="YourBeanClass" scope="request"/>
<c:out value="${bean.contentBox}" />
<!-- 当表单提交后 -->
<jsp:scriptlet>
request.setAttribute("displayedContent", request.getParameter("contentBox"));
// 移除输入框和按钮
request.removeAttribute("contentBox");
request.removeAttribute("yourActionButton");
</jsp:scriptlet>
<c:if test="${not empty displayedContent}">
<div>The content you submitted: ${displayedContent}</div>
</c:if>
</body>
</html>
```
在这个例子中,`YourBeanClass`需要有一个属性来存储文本框的内容。当表单提交时,我们从`request`作用域中获取用户的输入,并将其设置为一个页面属性。同时,我们移除了文本框和提交按钮,防止它们再次显示。最后,如果`displayedContent`非空,就显示用户输入的内容。
阅读全文