Form表单问题

1. form表单里的button按钮，在没有设置type属性的时候，会默认设置为submit，因此即使我们给这个按钮添加了点击事件，绑定的点击事件运行完后仍然会提交表单，导致页面刷新。
   代码如下：

   <form id="searchTable">
       <span style="font-size:14px">报表名称:</span>
       <span>
           <input type="text" id="reportName" name="reportName"/>
       </span>&nbsp
       <span style="font-size:14px">邮箱:</span>
       <span>
           <select id="adminId" name="adminId" style="color:#2c3e50;width:300px;font-family: '微软雅黑', 'arial'">
               <option value="-1" selected='selected'>-请选择-</option>
               <c:forEach var="admin" items="${admins}">
                   <option value="${admin.adminId}">${admin.bindEmail}</option>
               </c:forEach>
               <input type="text" id="adminIdCopy" hidden="true"/>
           </select>
       </span>&nbsp
       <button id="search" type="button" class="btn btn_green" title="根据报表查询">查询</button>
   </form>

   最初给button添加了点击事件，但是每次点击事件结束后页面都会重新刷新，后来发现是button按钮没有设置type="button",默认会将type属性设置为submit，导致点击后提交表单（虽然表单没有action，但依然会刷新页面）。
   当然，还有一个办法就是去掉表单Form样式。