button 默认类型是submit

最新推荐文章于 2024-05-27 23:36:03 发布
最新推荐文章于 2024-05-27 23:36:03 发布
阅读量4.3k 收藏 1
点赞数 1
分类专栏： WEB前端 文章标签： button 默认 submit form
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011944141/article/details/52049179
版权

“form表单里的按钮，明明是button而不是input type = submit，点击还是提交，如何让它不提交？”
（这个问题被我遇到了，很坑爹的，知道了就不以为然了。）
因为 button 默认类型是submit，所以如果想让不提交，显示的指定类型，type=“button”就解决了。

证明文档：https://www.w3.org/TR/2011/WD-html5-20110525/the-button-element.html#attr-button-type

majinbo111
关注
专栏目录
JS中type=”button”和type=”submit”的区别
12-08
在JavaScript和HTML交互中，创建按钮常常涉及到`type="button"`和`type="submit"`两种类型，它们在功能上有着显著的区别。理解这些差异对于构建高效且用户友好的Web表单至关重要。 首先，`type="button"`是用来创建...
JS中type="button"和type="submit"的区别
10-19
在JavaScript和HTML交互中，创建按钮常常涉及到`type="button"`和`type="submit"`两种类型，它们在功能上有着显著的区别。理解这些差异对于优化表单操作和用户体验至关重要。 首先，`type="button"`的按钮是纯功能...
type="button"和type="submit"的区别
koself的专栏
06-03 2391
type="button"和type="submit"的区别 type=＂button＂ ,＂submit＂ 的区别（转） 　　Submit是专门用于提交表单的Button，与Button的区别主要有两点： 　　type=button 就单纯是按钮功能  　　type=submit 是发送表单 　　 (1)Submit将表单提交(form.submit())作为其
type=＂button＂ ,＂submit＂ 的区别
m0_57071129的博客
05-10 1156
Submit是专门用于提交表单的Button，与Button的区别主要有两点： 　　 type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此 (2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为...
注意！！！ 注意！！！ button标签type默认为submit
天下无敌庞成勇
11-23 1446
<button type="button" onclick="doValidation();">提交</button> <input type="button" onclick="doValidation();" value="提交"/> 上面两种写法是对的，功能一样。<button onclick="doValidation();">提交</button> 如果写成这种，默认为submit，本来d
button标签type默认为submit
tyt叮当tyt的专栏
08-09 1379
提交
button没有指定type为submit点击按钮跳转不到指定url
12-13
而在其他浏览器中，由于遵循W3C规范，这个未指定类型的按钮默认会当作`submit`处理，从而在点击后尝试提交表单并跳转到`action`属性指定的URL。 为了解决这个问题，只需将`<button>`元素的`type`属性设置为`submit`...
IE6/7下多种方法移除button、input 默认边框和去掉焦点线
12-11
一、去掉边框： ...通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签，然后将样式写在这个标签上，并且把button和input的默认样式都去除掉。 实现方式一：设置CSS： 复制代码
input submit、button和回车键提交数据详解
10-21
它的 `type` 默认值在不同浏览器中可能有所差异，IE 默认为 `button`，不引发表单提交，而在其他浏览器中默认为 `submit`。`button` 也可以设置 `type="reset"` 来重置表单内容，方便用户重新填写。 再者，回车键...
[html] button标签的type默认值是什么呢？
歌谣的博客
03-23 817
[html] button标签的type默认值是什么呢？ Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
Form表单里的BUTTON的type='submit'和'button'的区别
夏小沫学习之路
08-14 2392
1.submit 用于提交表单时 使用 onsubmit=”“<form class="form-horizontal" onsubmit="checkform()"> <div class="control-group"> <label class="control-label" for="inputEmail">Email</label> <div c
像文字一样的按钮，submit按钮以文本的形式显示出来
zhong871004的专栏
12-07 1022
像文字一样的按钮body{ background-color:#daeeff;   /* 页面背景色 */}form{ margin:0px; padding:0px; font:14px;}input{ font:14px Arial;}.txt{ border-bottom:1px solid #005aa7; /* 下划线效果 */ color:#005aa7; border-top:0px
button标签的type属性
SmilebabyGuo
09-25 6919
button的type属性: IE:默认type="button" 除IE以外的浏览器:默认type="submit" 编辑 用button标签时,如果不定义type属性,在除 IE 以外的浏览器会执行表单提交. 所以在使用button标签时明确的定义type值,以免出现问题.
<button>按钮默认的类型是submit
守护代码的小猪
11-02 994
今天写了一段简单的js脚本，如下： function alertId() { var num = document.getElementsByTagName("span")[0].innerHTML; num = num - 1; if(num == 0){   document.getElementById("myButton").disabled=true; }
【开发日记】ElementUI表单使用原生@submit提交表单数据
二饭的博客
05-27 794
【代码】【开发日记】Vue中使用ElementUI表单使用原生@submit提交表单数据。
button 和 submit 的使用
qq_43619832的博客
03-24 1840
(关于button 和 submit 的使用区别) button 和 submit 的使用 1.button-普通按钮，submit-提交按钮 2.submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了。 3.submit默认为form提交，可以提交表单（form）. button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.当...
html中submit和button的区别(总结)
gaoguoxin2的专栏
09-20 1142
http://blog.sina.com.cn/s/blog_693d183d0100uolj.html submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了。 如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于动
submit 和 button的区别
好学而不勤问非真好学者
04-20 3177
今天在input标签中，突然对submit和button两个空间产生了疑问，嗯？这两个都是按钮，有什么区别呢？什么时候有button，什么时候用submit呢？ submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和触发响应的事件上。 区别： button就...
el-form中el-button按钮点击事件不触发
最新发布
07-20
在Element UI的`el-form`组件中，如果`el-button`按钮的点击事件没有触发，可能是以下几个原因： 1. **绑定事件错误**：确认是否正确地绑定了`@click`事件处理器。检查语法是否有误，例如，应该是`@submit.native="handleButtonClick"`而不是`@click="handleButtonClick"`。 2. **事件穿透**：由于Vue的`v-model`会阻止事件冒泡，如果你的`el-button`位于表单内部，试着去掉`v-model`看看是否能正常触发。 3. **事件处理函数未定义**：确保`handleButtonClick`这个方法在你的组件中已经定义，并且有正确的返回值或操作逻辑。 4. **表单验证阻塞**：如果表单验证失败，提交事件默认会被阻止。先确保在点击按钮前，所有必填项都有值并且通过了验证。 5. **动态加载数据的问题**：如果在异步操作或动态渲染完成后才绑定事件，需要在回调函数中添加事件绑定。 6. **组件状态管理**：确保`form`的状态更新正确，如`ref`和`model`的同步问题。 要解决这个问题，你可以尝试以下步骤来排查：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值