1.使用EL表达式和JSTL实现将文本框中的内容输出到页面的功能。 要求:在页面的文本框中输入内容,单击提交按钮后,输入框以及按钮消失,文本框中输入的内容显示到页面。 注意:此题在文本框中输入数据及提交后显示效果都是在同一页面内完成。
时间: 2024-11-27 22:18:37 浏览: 8
JAVAEE实验报告EL表达式和jstl标签库的使用.pdf
在HTML中,你可以使用JSP (JavaServer Pages) 结合EL (Expression Language) 和 JSTL (Java Standard Tag Library) 来实现这个功能。首先,你需要在JSP页面上创建一个文本框(input元素),一个提交按钮(button元素)以及一个用于显示结果的标签(如`<p>`或`<div>`)。
```html
<form action="#" method="post" id="myForm">
<label for="inputText">请输入:</label>
<input type="text" id="inputText" name="inputText" />
<br/>
<input type="submit" value="提交" onclick="this.form.submit(); this.style.display = 'none'; $('#displayArea').show(); return false;">
</form>
<div id="displayArea" style="display:none;">显示结果在这里...</div>
```
然后,在JSP文件的`<jsp:scriptlet>`部分或者使用JSTL `<c:set>`,获取表单提交的数据:
```jsp
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="inputValue" value="${param.inputText}" />
<script type="text/javascript">
function handleSubmit() {
document.getElementById('myForm').submit();
document.getElementById('inputText').style.display = 'none';
document.getElementById('displayArea').innerText = '${inputValue}';
}
</script>
```
在这个例子中,当用户点击提交按钮时,会触发JavaScript函数`handleSubmit`,它会提交表单,并隐藏输入框。同时,服务器端通过`${param.inputText}`从请求参数中获取文本框的内容,并用EL表达式设置到`displayArea`元素中,使其可见。
阅读全文