举个栗子:
通过栗子我们可以看到,需要清空内容是"区域名称",“监测时间”,“雨量值(mm)”,“监测站”,"站点地址"的value,所以我们只需要在重置按钮添加一个点击事件就可以了
<form action="InsertServlet?opr=insert" name="form" method="post">
<p>区域名称:<input type="text" name="a" ></p>
<p>监测时间:<input type="text" name="date"><span>yyyy-MM-dd格式</span></p>
<p>雨量值(mm):<input type="text" name="b" ></p>
<p>监测站:<input type="text" name="c" ></p>
<p>站点地址:<input type="text" name="d" ></p>
<p><input type="button" value="保存" >
<input type="button" value="重置" id="test">
<input type="button" value="返回" >
</p>
</form>
再通过jQuery属性选择器的val()方法,设置值为空即可,点击事件如下:
$(function(){$('#test').click(function(){
$('[type=text]').val("");});})