自己坑自己(4)

表单中的重置按钮对隐藏域无效

测试反馈列表查询处的重置按钮有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" />