为什么Html页面表单回车或者Button点击会自动刷新

做H5页面的时候莫名其妙有BUG又找不到，才发现页面自动刷新了。
两个其实都是相同的原因：表单提交。

---

表单中按回车的问题

一个表单下，如果只有一个文本框时，按下回车将会触发表单的提交事件。

解决办法：

1.不要让你的表单只有一个输入框（往表单里加一行隐藏的输入框）

<input id="hiddenText" type="text" style="display:none" />

2.阻止表单的提交（给表单增添onsubmit属性）

<form name="keywordForm" method="post" action="" onsubmit="false">

---

Button的问题

button的默认类型是submit，同样也是提交表单。

解决方法：

设置button的type属性

<input type="button" value="test">