button标签定义type属性

开发时候遇到一个很头大的问题，每次点button，不会走onclick定义的方法，而是走提交onsubmit的方法。

<form action="跳转到页面2" οnsubmit="check()"><button οnclick="method1(“跳转到页面1”)"></button>
</form>

其实原因很简单，但是也是非常值得注意的一点。

我一直理解的<button>标签就是<input type="button">，其实不然，一些小区别尤其值得注意。

不定义type时，IE浏览器的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。submit类型的button，点击直接走提交表单的流程，先执行onsubmit再跳转到页面2，onclick里的方法不会执行。

所以写<button></button>标签时，一定记得加上type属性

button标签定义type属性相关推荐

button标签的type属性
button的type属性: IE:默认type="button" 除IE以外的浏览器:默认type="submit" <button>编辑< ...
使用Html中button标签的type属性默认值
今天在使用button按钮绑定实现Ajax异步获取数据时,总会在浏览器地址栏显示一些刚用Ajax提交的参数,话不多数,直接上图这是前端的页面展示前端代码展示: Ajax代码当我们点击修改后,浏览 ...
html密码字段语法,HTML input 标签的 type 属性
HTML 标签的 type 属性定义和用法 type 属性规定 input 元素的类型. 实例下面的表单拥有两个输入字段以及一个提交按钮: First name: Last name: 亲自试一试 ...
【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
html中input标签中type属性小总(包含html5新增表单属性)
前言 HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...
[html] button标签的type默认值是什么呢？
[html] button标签的type默认值是什么呢? Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 &qu ...
关于button中的type属性来决定是否提交form表单
button中的type属性:submit和button.(1)其中IE浏览器默认的是button,非IE默认的是submit:(2)button不提交整个form表单,而submit提交整个form ...
HTML ol 标签的 type 属性
实例在有序列表中使用 type 属性: <ol type="I"><li>HTML</li><li>XHTML</li> ...
html神坑之button的type属性
1,入坑记录不知道第几次入坑这个button的type属性了,今天我要记录一下,告诫一下自己.经常你回发现正确的jquery语句,但是点击事件却没有反应,如果你不调试,你可能发现不了问题,其实效果已 ...

button标签定义type属性

button标签定义type属性相关推荐

最新文章

热门文章