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

在HTML页面中，你可以使用JSP和Spring MVC等技术结合EL表达式和JSTL (JavaServer Pages Standard Tag Library) 来实现这个功能。首先，你需要创建一个文本框（`<input>`标签）和一个提交按钮（`<button>`标签），并将它们的id关联到对应的模型属性。例如：

<input type="text" id="contentBox" name="content" value="${content}" />
<button type="submit" onclick="submitForm(event)">提交</button>

这里，`value="${content}"`是使用EL表达式来获取并显示文本框中的内容，`content`是模型中的变量名。

然后，在服务器端，比如Spring MVC控制器里处理请求，接收文本框的数据，并将其绑定到模型中：

@PostMapping("/submit")
public String submit(@ModelAttribute("content") String content, Model model) {
    // 这里处理提交逻辑，比如保存到数据库或更新视图
    model.addAttribute("content", content); // 将内容添加回model以便渲染到页面
    return "yourViewName"; // 返回当前或另一个视图
}

在JSP页面中，你可以使用JSTL的条件语句如<c:if>检查是否有值，如果没有则隐藏输入框和按钮：

<c:if test="${not empty content}">
    <p>${content}</p> <!-- 显示内容 -->
</c:if>

<!-- 使用c:choose/c:when/c:otherwise结构替代简单的隐藏 -->
<c:choose>
    <c:when test="${not empty content}">
        <input type="hidden" id="contentBox" name="content" value="${content}" />
        <button type="submit" onclick="submitForm(event)" style="display:none;">提交</button>
    </c:when>
    <c:otherwise>
        <!-- 隐藏输入框和按钮 -->
        <input type="hidden" id="contentBox" name="content" />
        <button type="submit" onclick="submitForm(event)" style="display:none;" disabled></button>
    </c:otherwise>
</c:choose>

这样，当用户点击提交后，内容会显示出来，而输入框和按钮会自动隐藏。如果内容为空，则不会显示内容并保持隐藏状态。请注意，`submitForm(event)`函数需要在JavaScript中定义用于触发表单提交事件。