表单中的重置按钮对隐藏域无效
测试反馈列表查询处的重置按钮有bug,第一反应是重置按钮写的时候已经测试过了,怎么会有问题呢?但测试提了,咱也的检查一遍,结果还真有问题。。。
代码如下:
<form name="listForm">
<div class="text-l cl">
<ul class="sel-list">
<li>
担保方:<input id="grtCustName" name="grtCustName" type="text" class="input-text" />
<input type="hidden" id="grtCustId" name="grtCustId" />
</li>
<li>
担保期限:<input type="text" class="input-text" id="term" name="term" placeholder="期限">
</li>
<li>
<button type="button" class="btn btn-success radius" id="searchButton">查询</button>
<button type="reset" class="btn btn-danger radius" id="resetButton">重置</button>
</li>
</ul>
</div>
</form>
测试发现,点击重置按钮后,grtCustId
中的值仍存在并未被清楚,即表单中的重置按钮对隐藏域无效
解决:利用css样式将元素置为不可见
<input style="display:none" id="grtCustId" name="grtCustId" />