1.使用EL表达式和JSTL实现将文本框中的内容输出到页面的功能。 要求:在页面的文本框中输入内容，单击提交按钮后，输入框以及按钮消失，文本框中输入的内容显示到页面。 注意:此题在文本框中输入数据及提交后显示效果都是在同一页面内完成。

在HTML中，你可以使用表单元素`<input type="text">`创建一个文本框，并添加一个`<button>`标签作为提交按钮。为了实现在JSP或JSF等服务器端技术（这里假设是JSP）中使用EL表达式和JSTL（JavaServer Pages Standard Tag Library）来获取并显示文本框的内容，可以按照以下步骤操作：

1. 创建HTML表单部分：

<form action="#" method="post" id="myForm">
    <input type="text" name="inputText" id="inputField" />
    <button type="submit" value="Submit" onclick="event.preventDefault(); submitData()">提交</button>
</form>

这里的`onclick`事件阻止了默认的表单提交行为，我们将在JavaScript中处理提交过程。

2. 添加JSP脚本部分：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
...
<script>
function submitData() {
    var textField = document.getElementById("inputField");
    var fieldValue = "${requestScope.inputText}"; // 使用EL表达式获取值
    // 渲染提交后的信息
   <c:out value="${fieldValue}" /> <!-- JSTL c:out 标签用于输出变量 -->
    
    // 隐藏表单元素
    document.getElementById("myForm").style.display = "none";
}
</script>

当你点击提交按钮时，会触发`submitData()`函数，它首先获取文本框的值，然后使用EL表达式`${requestScope.inputText}`从当前请求的范围中获取输入的值。接着，通过JSTL的`c:out`标签，这个值会被渲染到页面上。最后，隐藏原表单以便实现提交后的效果。