[html]点击button后画面被刷新原因：未设置type="button"

一、问题原因解析：

在form表单里的button， type 属性未设置的情况下，Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit:

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <button value="click">click</button>
</form>

在非IE下以上代码相当于：

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <button type="submit" value="Submit">Submit</button>
</form>

此时点击该按钮就会导致画面的刷新。

二、type属性的值：

值	描述
submit	该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。
button	该按钮是可点击的按钮（Internet Explorer 的默认值）。
reset	该按钮是重置按钮（清除表单数据）。

详情参考：http://www.w3school.com.cn/tags/att_button_type.asp