c_when 和c_otherwise可以实现 在页面的文本框中输入内容,单击提交按钮后,输入框以及按钮消失,文本框中输入的内容显示到页面 的效果吗
时间: 2024-12-11 13:40:28 浏览: 18
`<c:when>`和`<c:otherwise>`是JSP标准标签库(CTL)中的条件控制标签,主要用于基于条件选择不同的逻辑路径。在你给出的例子中,它们是用来判断请求参数`name`是否为空,而不是处理表单提交和输入框的动态展示。
要实现你描述的效果,即单击提交按钮后,输入框、按钮消失,输入内容显示在页面上,你需要结合HTML和JavaScript(而非JSTL)来实现。以下是简单的步骤:
1. 使用HTML创建一个表单和输入框,加上一个点击事件处理器:
```html
<form id="myForm">
<input type="text" id="input1" placeholder="输入1">
<input type="text" id="input2" placeholder="输入2">
<input type="text" id="input3" placeholder="输入3">
<button type="button" onclick="handleSubmit()">提交</button>
</form>
<div id="displayArea"></div>
```
2. 添加一个JavaScript函数来处理提交按钮的点击事件和展示输入内容:
```javascript
<script>
function handleSubmit() {
var inputs = document.querySelectorAll('#myForm input');
var displayArea = document.getElementById('displayArea');
inputs.forEach(input => input.style.display = 'none'); // 隐藏输入框
displayArea.innerHTML = '';
Array.from(inputs).map(input => displayArea.innerHTML += `${input.name}: ${input.value}<br/>`).join('');
}
</script>
```
这里,`handleSubmit`函数会隐藏所有的输入框,然后获取每个输入框的值,并将其显示在指定的`displayArea`元素中。
所以,`<c:when>`和`<c:otherwise>`在这里并不适用,因为它们是服务器端的条件处理,不适合处理前端用户体验相关的交互。你应该在客户端(如JavaScript)处理表单提交和内容显示。
阅读全文