HTML语言button标签type属性问题

最近，遇到的一个问题，困扰了几天，无从下手，猜测尝试很久终于试出来了，记录一下。

问题：

一个bootstrap dialog中的普通form表单，样式如图：

存在上传按钮，按钮代码如下：

<button class="btn btn-primary" id="uploadBtn">上传视频</button>

使用chrome浏览器测试时，input文本框及radio标签获得焦点后点击回车键，会自动触发按钮的click事件，打开文件选择弹窗。

原因：

html语言中button标签的type属性需要特别注意。

Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

由于我没有设置type属性，导致在chrome中默认为"submit"，点击回车默认触发form表单的submit按钮click事件。

解决：

只要给button标签设置type属性即可解决：

<button class="btn btn-primary" id="uploadBtn" type="button">上传视频</button>

反思：

1.自己对html标签的一些细节缺少认识，一般应用遇不到问题，一旦遇到问题就会莫名其妙挠爪

2.印象中之前遇到过这个问题，这次再遇到又被卡住了，还是得记下来，不然容易忘