<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<form:form
action="/hospital/login.html"
method="post">
User name: <form:input name="un" path="username"/> <br/>
password: <form:password path="password"/><br/>
<c:out value="${ un }" />
</form:form>
我不想使用任何脚本,因为我正在使用 spring mvc 编写 servlet,但我想同时显示我在文本框中键入的内容。
如果您想同时采取一些行动,而不是发布表单,那么您将需要使用 Javascript 编写客户端脚本。
实现您想要的非常简单和纯 Javascript 的方法如下。
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<form:form
action="/hospital/login.html"
method="post">
User name: <form:input name="un" path="username" onkeyUp="javascript:sync()" /> <br/>
password: <form:password path="password"/><br/>
<span id='outLabel'></span>
</form:form>
<script type="text/javascript">
function sync()
{
var textbox = document.getElementsByName('un')[0];
var label = document.getElementById('outLabel');
label.textContent = textBox.value;
}
</script>
您可以在此处使用客户端部分的 JSFiddle 示例。
您可以通过多种方式改进这一点:使用id
for form:input
、使用 jquery 更轻松地选择 dom 元素,包括 js 文件中的 javascript 部分,这些都是您应该考虑以获得更好设计的因素。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句