JavaScript中的submit和button

最新推荐文章于 2024-07-07 20:19:55 发布
最新推荐文章于 2024-07-07 20:19:55 发布
阅读量761 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sinat_40880767/article/details/97291193
本文详细解释了HTML中submit按钮和button按钮的功能差异。submit按钮点击后默认提交表单，而button按钮则常用于触发事件，如通过onclick属性指定事件处理函数。在需要使用JS进行表单处理（如验证）的情况下，应将submit改为button，以防止表单的自动提交行为，避免重复提交的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

submit按钮，一旦点击默认提交表单；
button按钮，通常用于触发事件，通过onclick指定事件处理函数。

如果表单在点击提交按钮后需要用js进行处理（例如：用户名、密码的验证）后再提交的话，通常要把submit改成button，避免submit自动提交的行为，否则就会造成提交两次的结果。

sinat_40880767
关注
JS中type="button"和type="submit"的区别
10-19
Submit是专门用于提交表单的Button，与Button的区别主要有两点：type=button 就单纯是按钮功能，type=submit 是发送表单。下面通过本文给大家分享JS中type="button"和type="submit"的区别，感兴趣的的朋友一起看看吧
在javaScript中关于submit和button的区别介绍
12-10
submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上，submit会提交表单，button不会提交表单. 两者主要区别在于： submit默认为form提交，可以提交表单
javascript 提交 submit
weixin_30514745的博客
11-12 135
onclick="javascript:$('#form').submit()" 转载于:https://www.cnblogs.com/henry-xu/p/6056754.html
javascript button 提交
明天会怎么样?
09-19 2429
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" c
Javascript 中 return false 的重要性
「理」尚往来
12-09 325
最近做的项目，通过绑定在 button 的 onclick 事件的函数提交表单。发现 return false 也是很重要的。比如：   <input type="submit" onclick="submitAction(); return false;" />   submitAction 方法里面有提交表单的动作。如果不加 return false，在执行完 submitActi...
JavaScript在form表单中使用button按钮实现submit提交方法
01-19
在javaScript中关于submit和button的区别介绍  在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法： 使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在...
html中submit和button的区别
01-20
在探讨HTML中`submit`和`button`的区别之前，我们首先需要明确这两个元素的基本概念以及它们在网页设计和开发中的作用。HTML，全称为HyperText Markup Language，是用于创建网页的标准标记语言。在HTML中，`<input>`...
JavaScript中的Button对象
jojo3777的专栏
10-22 1551
Button.onFocus  Button.onFocus() 支持脚本：JavaScript 1.1+ ， JScript1.0+ ，Nav 3+ ，IE 3+ 语法：onFocus()="函数或者命令" 说明：onFocus()事件在标签中定义。功能是处理按钮获得焦点时应进行的操作。 例子：当按钮1获得焦点时，显示一个提示框。             Button.onCli
JS button按钮实现submit按钮提交效果
10-21
今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交，所以想到的实现方法就是 使用button实现,怎么实现呢？下面小编给大家分享JS button按钮实现submit按钮提交效果，感兴趣的朋友参考下吧
JavaScript-实例-button
最新发布
深度安全实验室
07-07 2030
JavaScript-实例-button
JS--JavaScript提交表单（submit事件）、重置表单、取消默认提交表单（单击按钮、回车）
热门推荐
吴声子夜歌的博客
09-27 1万+
提交表单 使用< input > 或 < button >标签都可以定义提交按钮，只要将type属性值设置为“submit”即可，而图像按钮则是通过将 < input >的type属性值设为“image”。当单击按钮或图像按钮时，就会提交表单。 submit事件类型仅在表单内提交按钮，或者在文本框中输入文本时按回车键触发。 示例1：单击【提交】按钮后，触发sub...
麻烦的 Javascript 的 Submit 功能
joe83004的专栏
03-13 962
想实现的功能： 防止多次按下“提交”。即按下“提交”按钮后，这个按钮变为无效，并且提交表单。环境：需要在 Firefox 和 IE6.0 和 7.0 里面实现。解决方案：Submit" type="submit" id="Submit" value="提交" onclick="this.disabled=true; document.all.userinfo.submit();
在javascript中用submit方法
关注互联网，关注RIA
05-16 1601
======多条记录不用多个表单用一个隐藏域的方法    firstnum :    second :                     function check(tag) {  //动态设置隐藏域的值   document.f1.elements["method"].value=tag;  f1.submit();  } 
js实现表单验证
weixin_30551947的博客
05-26 304
CSS代码 @charset "gb2312"; /* CSS Document */ body,dl,dt,dd,div,form {padding:0;margin:0;} #header,#main{ width:650px; margin:0 auto; } .bg{ background-image:ur...
JS-button标签说明
DcTbnk的博客
03-31 7112
button按钮的说明 <form action=""> 1.input标签 3种标签 提交按钮 点击提交数据 <input type="submit" style="color:red;font-size: 50px;"> 刷新按钮 点击恢复默认数据 <input type="reset"> 普通按...
JS-submit事件
qq_37431752的博客
03-05 3372
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form id=&
js里的三种button
windy_03271的专栏
04-02 1283
sh’）刷新按钮对此按钮无用。 2.%input(type="button" value="显示文本") 此种方法要显示的文本不能放在括号外面，只能以alue的形式表示。 3.%button 此种方法显示的文本可以使用value也可以放在括号外面，但这两种方法是不同的，若想改变其alue值只能使用alue的定义方法。后两种方法可以调用button（）的相关方法。也可以使用val()来改变文本值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值