在使用HTML的button标签时，遇到一个关于type属性的问题。当在Chrome浏览器中，未指定type属性的button在表单内，点击回车会默认触发submit行为。原因是IE和其他浏览器对button的默认type值不同。解决方案是明确设置button的type为'button'，避免表单提交。此问题提醒了我对HTML细节理解的重要性。
最近，遇到的一个问题，困扰了几天，无从下手，猜测尝试很久终于试出来了，记录一下。
问题：
一个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.印象中之前遇到过这个问题，这次再遇到又被卡住了，还是得记下来，不然容易忘
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
