submit和button的区别

bob0411 bob0411     2023-02-13     416

关键词:

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。
如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return true或false。
 
submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单.
两者主要区别在于:
submit默认为form提交,可以提交表单(form).
button则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作.
INPUT   type=submit 即发送表单,按回车提交表单   
INPUT   type=button 就是单纯的按钮功能,提交的是innerTEXT
 
===============submit 和 button的详细对比===================================
  submit:特殊的button,会自动将表单的数据提交,onClick方法不加return 会自动提交,并不会起到约束的作用,
所以,使用submit时需要验证请加 return true或false.
例:<input type="submit" name="Submit" value="注 册" onClick=" return check();">,在JS中判断的时候 写return true; 或者 return false;
  button:普通的按钮,不会自动提交表单数据.可以在JS中显式提交:document.form1.submit(),使用场合: 一个页面有多个提交按钮,需要根据用户的操作来确定到底提交到哪个控制器,这种情况下,就需要在JS中判断用户的操作,然后根据操作来给document.form1.action赋值并且document.form1.submit()来提交
 
 

submit和button的区别

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成... 查看详情

input的button和submit的区别

故事由来:  其实这个问题,昨天已经遇到过,但是昨天是公司的一枚老员工帮助我这个实习生调的,而且我也确(猜)定(测)那枚老员工也不知道这个区别。然后今天又遇到相同问题。故事梗概:  现在公司里面做一个... 查看详情

inputtype="submit"和"button"有什么区别(代码片段)

HTML中<inputtype="submit"/>和<inputtype="button"/>主要从元素定义类型、点击触发动作两个方面来区别。一、元素定义类型的区别:1、<inputtype="button"/>定义为一个可点击的按钮。2、<inputtype="submit"/>定义为一个提交按钮。... 查看详情

inputtype="submit"和"button"有什么区别?

...不写javascript的话,按下去什么也不会发生。<inputtype="submit"/>这样的按钮用户点击之后会自动提交form,除非你写了javascript阻止它。<button>这个按钮放在form中也会点击自动提交,比前两个的优点是按钮的内容不光可以 查看详情

jquerysubmit和ajax提交表单的区别

个人认为:submit()和我们平时点击submit按钮一样的功能。一般地,submit()根据form表单的参数进行表单提交,而且提交的是整个表单。ajax,提交的数据和表单本身无关,你可以提交任何数据(在不在表单里面都无所谓),然后不刷... 查看详情

在html5中button和submit有啥分别?

button和submit的分别:1、submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上2、表单在点击提交按钮后需要用J... 查看详情

html中,按钮button与submit区别是什么?

type=button单纯是按钮功能;type=submit是发送表单;既然是这样,那么能否全部用submit代替button?Sumit提交表单,Button需要绑定事件才可以用提交数据不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,... 查看详情

inputbutton与submit的区别(代码片段)

在表单中,我们会经常提交数据,通常使用<inputtype="submit"value="提交"/>进行提交数据,另一种方式是使用<button></button>按钮,在表单中它的默认类型是submit, 也可以提交数据但是与<inputtype="button"/> 不同,这... 查看详情

input和button元素作为提交重置按钮功用的区别。

首先,input元素和button元素都是可以作为普通按钮、提交按钮、重置按钮的。<inputtype="button"value="button"><inputtype="submit"><inputtype="reset">input元素默认text类型<buttontype="button">button</button><b 查看详情

js表单提交和submit提交的区别

假设:A表单内有<inputtype="submit">,通过点击这个input来提交表单B表单内没有<inputtype="submit">,而是写了一个<inputtype="button">,并且在这个input上绑定了click事件,在事件的监听器内用js的form.submit... 查看详情

按钮和输入的区别? [复制]

】按钮和输入的区别?[复制]【英文标题】:Differencebetweenbuttonandinput?[duplicate]【发布时间】:2011-05-2803:53:45【问题描述】:&lt;buttontype="button"name="theButton"&gt;SUBMIT&lt;/button&gt;和&lt;inputtype=" 查看详情

a,input,button按钮区别

...式的提交按钮。之前看过一些文章,说是用a标签来代替submit按钮更好一些,因为submit按钮在IE6下会有一些兼容的问题,不好统一,而且input的行高在各浏览器参差不齐,还不能用line-height控制,在按钮有一些交互效果的时候,a标... 查看详情

转载form表单的两种提交方式,submit和button的用法

...码,这个需要在jsp的前端页面写;有两种方法,一种是用submit提交。一种是用button提交。方法一:在jsp的前端页面的头部插入一个js方法: functioncheckUser(){  varresult=document.getElementById("userid").value;&n 查看详情

type=button和type=submit

...bsp;    就单纯是按钮功能   type=submit      是发送表单但是对于从事WEBUI的人应该要注意到,使用submit来提高页面易用性:使用submit后,页面支持键盘enter键操作,而 查看详情

execute和submit的区别(代码片段)

execute方法位于接口Executor中。1voidexecute(Runnablecommand);submit方法位于AbstractExecutorService中。1publicFuture<?>submit(Runnabletask)2if(task==null)thrownewNullPointerException();3RunnableFuture<Void 查看详情

threadpoolexecutor线程池execute和submit的区别(代码片段)

一、结论基本没有区别,在submit方法中仍然是调用的execute方法进行任务的执行或进入等待队列或拒绝。submit方法比execute方法多的只是将提交的任务(不管是runnable类型还是callable类型)包装成RunnableFuture然后传递给exec... 查看详情

executorservice中submit()和execute()的区别

...线程池一些类的时候,相信很多人和我一样,总是分不清submit()和execute()的区别,今天从源码方面分析总结一下。  通常,我们通过Executors这个工具类提供多种方法来创建适合不同场景的线程池,这里就不一一介绍了。  例... 查看详情

多线程executorservice中submit和execute区别(代码片段)

 submit和execute都是ExecutorService的方法,都是添加线程到线程池中。区别三个区别:1、接收的参数不一样2、submit有返回值,而execute没有MethodsubmitextendsbasemethodExecutor.executebycreatingandreturningaFuturethatcanbeusedtocancelexecutionand 查看详情