今天在input标签中,突然对submit和button两个空间产生了疑问,嗯?这两个都是按钮,有什么区别呢?什么时候有button,什么时候用submit呢?

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和触发响应的事件上。

区别:

button就是单纯的点击,点击按钮后,出发的事件。

submit也是个按钮,他会提交表单,我们需要提交数据的时候用。

submit需要有表单时,提交时才会带数据。而button默认是不提交任何数据。那么它们的区别就出来了,如果没有表单的话,又想通过提交某些数据给后台进行回应,则需要通过button,当然使用submit也可以,但是前提要拦截onclick事件。当有表单的时候,如果提交的数据很多,那么使用submit比button要好,可以减少很多数据的获取动作。

参考连接:  https://blog.csdn.net/jingmeifeng/article/details/7361229

submit 和 button的区别相关推荐

  1. HTML button 和 input type=“button”的区别 / input type=submit 和button的区别

    HTML <button> 和 input type="button"的区别: 1. <button>标签里可以放文本图片等内容,与<input> ...

  2. html中submit和button的区别(总结)

    文章目录 submit和button submit介绍 submit和button的区别 submit和button submit介绍   submit是button的一个特例,也是button的一种 ...

  3. submit和button的区别

    声明: 更多免费教学文章请关注这里 转发:https://blog.csdn.net/aiming66/article/details/79046432 button-普通按钮,submit-提交按钮 ...

  4. input type=submit 和button的区别及表单提交

    在一个页面上画一个按钮,有四种办法: 1 <input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. ...

  5. Html 中表单提交的一些知识总结——防止表单自动提交,以及submit和button提交表单的区别...

    转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text&q ...

  6. input type=“submit“ 和“button“有什么区别

    input type="submit" 和"button"在功能.是否具备Enter键支持和是否需要写JavaScript来阻止上有所区别: 1.功能不同 su ...

  7. submit按钮html,html的两种提交按钮submit和button

    转自:http://baiying.blog.51cto.com/1068039/1319784 html按钮有两种: 和登录 这两种在页面上看起来好像一样没什么区别,但是这两种是有区别的. 1,如果 ...

  8. form表单的submit()和onsubmit()的区别

    submit()和onsubmit()的区别 表单元素拥有submit方法,同时也具有onsubmit事件句柄,用于监听表单提交.可以使用elemForm.submit();方法触发表单提交. 1). ...

  9. input type=button与asp:button的区别,以及runat=server的作用

    <input type="button">与<asp:button>的区别,以及runat="server"的作用 在<input ...

  10. submit与button区别提交区别

    提交表单时使用submit会自动提交form表单数据, 如果使用jquery的form表单插件时需要将提交按钮改为button时$("#表单id").ajaxSubmit({}); ...

最新文章

  1. C#中的String和string有什么区别?还有ref关键字怎么用?
  2. 基于以太坊的分布式投票系统solidity合约代码
  3. day38-数据库应用软件
  4. python 矩阵类型转换_python中的矩阵运算
  5. nodejs中使用node-sass
  6. LeetCode 435. 无重叠区间(贪婪算法)
  7. ubuntu下Xmodmap映射Esc和Ctrl_L
  8. springboot pom.xml实战(com.mchange与c3p0配置)
  9. Exchange2010批量建用户及通讯地址簿更新
  10. c语言程序设计实践与案例周讯东,第1章 C语言程序设计导引免费阅读_C程序设计与项目实践免费全文_百度阅读...
  11. stata15中文乱码_Stata15:一次性转码,解决中文乱码问题
  12. mysql phpwind_Linux Apache php MySQL GD PHPWind 集成环境配置
  13. 宏观视角看抖音全生态
  14. wps+for+linux+字体大小,WPS for Linux(ubuntu)字体配置(字体缺失解决办法)
  15. Linux临时目录/tmp与/var/tmp
  16. 解决“error: failed to push some refs to ‘git@gitee.com:username/repo.git‘“
  17. 积性函数性质-POJ2480
  18. 实景三维可视化管理平台助力提升景区运营管理水平
  19. Matlab如何在文件中写入空格和换行
  20. linux7.4离线内核升级,CentOS 7.4升级Linux内核

热门文章

  1. Banner实现图片轮播
  2. 生成密钥、配送密钥和更新密钥
  3. android手机截图功能,安卓手机怎么截屏?三星/华为/小米等手机截图方法
  4. 网站优化之robots文件详解
  5. 爬取链家任意城市租房数据(北京朝阳)
  6. 占星术杀人魔法 - 笔记
  7. 【python脚本系列】Midi数字化乐器接口
  8. EXCEL基本操作技巧
  9. 曾被网友疯狂恶搞的「蚂蚁呀嘿」项目开源上过GitHub热榜
  10. java el表达式 if else_EL表达式 JSTL 三层架构