在HTML5中button和submit有什么分别?

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-08-22
在HTML5中button和submit有什么分别?

button-普通按钮,submit-提交按钮;
submit按钮一般出现在网页上需要提交信息到服务器是才使用,
考页面编辑人员决定,例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,
一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。
Sumit提交表单,Button需要绑定事件才可以用提交数据
不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。。
submit需要有表单时,提交时才会带数据。而button默认是不提交任何数据。那么它们的区别就出来了,如果没有表单的话,又想通过提交某些数据给后台进行回应,则需要通过button,当然使用submit也可以,但是前提要拦截onclick事件。当有表单的时候,如果提交的数据很多,那么使用submit比button要好,可以减少很多数据的获取动作。在很多情况下,提交数据是要使用JS进行校验的,但如果这时候用户禁用了JS,那么校验就失效了,如果后台也没有进行校验,那么不合法的数据就进入后台了。通常的做法是通过button提交数据,那么如果用户禁用JS
,那么数据提交动作就激活不了,
这样能够保证提交到后台的数据是经过前台校验的。
Sumit提交表单,Button需要绑定事件才可以用提交数据
不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。

button是按钮,单纯的按钮。
submit可以看做是特殊的button,点击这个按钮会将表单提交至服务器。
类似的,还有reset,是将表单重置的button。

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 即发送表单,按回车提交表单

简单归纳下,button是表单控件,submit是表单提交事件。
button需要绑定事件点击之后才会有效果,如果button的type属性为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 即发送表单,按回车提交表单

  • HTML5元素
    答:4.交互---与用户交互的内容,如音频和视频的空间,button,textarea等 5.元数据---通常出现在页面的head中,设置页面其他部分的表现和行为,如script,style,title等 6.短语---文本和文本标记元素,如mark,kbd,sub,sup等 以上所有类型的元素都可以通过css来设定样式。HTML5定义类一组新的语义化标记来...
  • html5 global对象中有哪些常用方法
    答:HTML5 <button> 标签button 标签定义按钮。您可以在 button 标签内放置内容,比如文本或图像。但是在 form 中通常使用 input 标签创建按钮。HTML5 <canvas> 标签html5 canvas 标签定义图形,比如图表和其他图像。canvas 标签只是图形容器,您必须使用脚本来绘制图形。HTML5 <caption> 标签caption 标签定义表格的标题。cap...
  • HTML5语义化标签的理解与意义
    答:首先对W3C的HTML5其进行大概的分类,随意看看(可以这样回答面试官,说你归纳过): 1:定义上的: !--...-- 定义注释。 !DOCTYPE 定义文档类型。 html定义 HTML 文档。 body   定义文档的主体。 script定义客户端脚本。 frame定义框架集的窗口或框架。 frameset定义框架集。 head定义关...
  • html5的标签中,哪些是行内元素,哪些是块级元
    答:其实两者可以转换的,也没必要硬要记熟,不过还是解答一下你的疑惑。行内元素的标签有:<span>...</span> <a>...</a> 链接 <br> 换行 <b>...</b> 加粗 <strong>...</strong> 加粗 <img > 图片 <sup>...</sup> 上标 <sub>...</sub> 下标 <i>...</i> 斜体...
  • html5新增的表单元素有哪些
    答:html5新增的表单元素有以下几种:datalist,keygen,output三种无素。1.datalist 元素 datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id。2.keygen 元素 keygen 元素的作用是提供一种验证...
  • html5的新元素
    答:基本Html控件有:HtmlTexArea\HtmlTable\HtmlImage\HtmlButton\HtmlSelect\HtmlForm\HtmlInput。自定义的Html控件是根据自己的需求定义。当自主开发效率低,可以从技术社区、源码网站下载需要的控件。比如,需要插入table, image, links 等标签。不必自己开发,可以使用:ComponentOne Wijmo Editor等。免费HTML5图表库——.Net...
  • HTML5从入门到精通的内容介绍
    答:千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。 向TA提问 关注 展开全部 《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性,技术新颖实用。目录 第1篇 HT...
  • 所有的HTMI标记都可以嵌套在<div>吗?
    答:1、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<p>的子元素是语句型元素 2、<header>、<footer>不可嵌套<header>、<footer> 3、<a>的子元素是transparent(以它的父元素允许的子元素为准),但不包括交互型元素(interactive content)4、<form>不可嵌套<form> 5、<button>子元素是语句型元素,...
  • html5 限制input输入方式
    答:<!DOCTYPE html><html> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>RunJS 演示代码</title> </head><body><form><input type="text" pattern="^[a-zA-Z\d\.]+$" /> <button>sub</button></form> </body></html> ...
  • html中所有的空元素有哪些?img算不算?
    答:<b r/> <hr> <input> <img>