html中button元素type属性默认值问题

根据前端设计原则html->内容,css->样式,js->动作一般会将按钮点击事件在js中绑定,但是button元素type属性默认值在不同浏览器有差异,故在除IE以外浏览器中会造成多次提交或提交表单后页面又刷新的问题,故记录button元素用法如下:

HTML DOM Button 对象

定义和用法:type属性设置或返回按钮的类型。
提示:请始终为按钮规定 type 属性。IE 浏览器的默认类型是 “button”,而在其他浏览器中(以及在 W3C 规范中)是 “submit”。

语法:buttonObject.type=value,可选值及描述如下表:
| 值 | 描述 |
| :——: | :——: |
| submit |button 是提交按钮(是 IE 之外的所有浏览器的默认值)|
| button |button 是可点击的按钮(IE 的默认值)|
| reset |button 是重置按钮(清除表单数据)|