在HTML5中button和submit有啥分别?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在HTML5中button和submit有啥分别?相关的知识,希望对你有一定的参考价值。

button和submit的分别:
1、submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上
2、表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return true或false。
3、submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单. 两者主要区别在于:
4、submit默认为form提交,可以提交表单(form).
5、button则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作. INPUT type=submit 即发送表单,按回车提交表单
参考技术A 简单归纳下,button是表单控件,submit是表单提交事件。
button需要绑定事件点击之后才会有效果,如果button的type属性为submit的话,自动绑定了提交当前表单的事件。
参考技术B button和submit的分别:
1、submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上
2、表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return true或false。
3、submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单. 两者主要区别在于:
4、submit默认为form提交,可以提交表单(form).
5、button则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作. INPUT type=submit 即发送表单,按回车提交表单

以上是关于在HTML5中button和submit有啥分别?的主要内容,如果未能解决你的问题,请参考以下文章

button 与 switchbutton 有啥区别吗?

HTML5 button.formaction 属性在 <form> 之外不起作用

button 和 submit 的区别

html5中怎么设置按钮的宽度和高度

submit和button的区别

在jQuery ajax中按钮button和submit的区别分析