<button>标签的type属性

在aspx页面中，定义了<form>标签、<botton>标签，这时点击button按钮，是提交form表单。

我在项目中，在<botton>标签中定义了onclick事件A，点击该事件能够执行事件中的方法，但如果在其他地方也定义有事件B，每次点击过事件A，发现事件B也会跟着

再次执行。

原因：这是因为在<botton>标签中未加入“type="button"”，因为默认是"submit"。Submit提交会触发其他事件！

比如说你想实现局部刷新，就不能用Sumit了，用Button绑定事件就好了，如果用Sumit绑定事件的话，在触发事件的同时，也会提交表单的。

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

时间： 2024-10-10 15:22:12

<button>标签的type属性的相关文章

html中<button>标签的type

HTML的<button>标签的type主要都三种可选值,reset.submit.button. 其中reset为重置按钮,用于清除form表单的数据:submit为提交按钮,点击后会对form表单做提交操作(除去其他因素):button为单纯按钮类型,一般会对该类型的<button>添加js脚本的点击触发事件. 这里重点要说的是,一般来讲,应该始终为<button>按钮规定 type 属性.但是如果<button>按钮未写明type,不同的浏览器会做不同

button标签的type="submit"与type="button"的区别

自己在做一个ajax的小例子,发现一个诡异的问题,点击页面button,调用ajax发送请求,后台方法可以成功调用,但是前台的ajax回调函数却没有执行,无论success.error.complete都没走,于是我连续快速点击按钮,发现偶尔可以成功调用success回调函数,更诡异的是,页面居然会刷新...... 经过多次对比测试,终于发现问题原因:button的type属性,将type设置为button,问题解决. type="submit",点击按钮会提交表单且刷新页面: typ

HTML <input> 标签的 type 属性

下面的表单拥有两个输入字段以及一个提交按钮: <form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname&

小程序中button标签的open-type属性

open-type (微信开放能力):合法值中的其中之一: getUserInfo 说明:引导用户授权而获取用户信息,可以从bindgetuserinfo回调中获取到用户信息而bindgetuserinfo 说明:用户点击该按钮时,会返回获取到的用户信息,回调的detail数据与wx.getUserInfo返回的一致,open-type="getUserInfo"时有效如: 一: wxml文件: .js文件: 二: wxml文件: .js文件: 这样使用原文地址:h

为什么要在<button>元素中添加type属性

在HTML中<button> 标签定义一个按钮. <button type="button">Click Me!</button> 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 input 元素创建的按钮之间的不同之处. <input type="button" value="Click Me!"> button既然定义了一个按钮,那么为什么还要为其添加type属性呢

HTML <button>标签

如果<button>标签在<form>中不加type="button",那么默认含义是"submit". <button>标签里面disabled属性使其不可用,常见javascript修改disabled属性实例:(a键b键互相撕逼) <style> #a,#b { height:30px; width:70px; background:yellow; box-sizing:border-box: } </st

html中input标签相关的属性

1. input标签的type属性属性值描述 type button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本). file 定义输入字段和 "浏览"按钮,供文件上传. checkbox 定义复选框. hidden 定义隐藏的输入字段. image 定义图像形式的提交按钮. password 定义密码字段.该字段中的字符被掩码. radio 定义单选按钮. reset 定义重置按钮.重置按钮会清除表单中的所有数据. submit 定义提交按钮.提交按钮

禁止button标签提交form表单，变成普通按钮

button有个type属性,属性值可为button.submit.reset button=普通按钮,直接点击不会提交表单submit=提交按钮,点击后会提交表单reset=表单复位当button的type属性值为button时,仅做为一个普通的按钮,并不会提交该表单,此时你可以通过js脚本来提交,而form中不需要加onsubmit事件.

jQuery如何获取指定type属性值的input元素

jQuery遍历input文本框并获取input的name属性值:因为input标签的type属性是多种多样的,例如text.radio.checkbox等,但是实际应用中往往需要获取某一类属性值的input元素,下面就通过实例简单介绍一下.代码实例如下: $("input:text", document.forms[0]).each(function(){alert(this.name)}); 以上代码可以获取type属性值为text的input元素,并且遍历弹出它们的name属性值