声明:

更多免费教学文章请关注这里
转发:https://blog.csdn.net/aiming66/article/details/79046432
  button-普通按钮,submit-提交按钮。
  submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。
##使用场景:
  这里说的部分使用场景,并不是只能用一种,只是说,在这种场景下使用更加方便,程序员工作量小。
  

补充:
  1、上面的场景中,表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常我们提倡用button,如果需要使用submit提交前验证的话 应在方法前加return。onClick方法不加return 会自动提交,并不会起到约束的作用, 所以,使用submit时需要验证请加 return true或false。
  如一个登陆模块,先验证用户名是否为空,如果为空,SUBMIT点击时永远提交不到from表单指定页面。只能是表单形式发送噢!而且不能再表单指定的页面中去验证传进来的值。

function check(){var name = document.getElementById("name").value;if(name ==  null || name == ''){alert("用户名不能为空");   return false;}return true;
}<form name="form" action="跳转的页面" method="post"  onsubmit="return check()"><input type="text" id="name"/><input type="submit" value="提交"/>
</form>

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. input type=submit 和button的区别及表单提交

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

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

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

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

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

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

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

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

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

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

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

  9. submit与button区别提交区别

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

最新文章

  1. 使用TestStack.White进行Windows UI的自动化测试 (1) 基础篇
  2. c++ stl之pirority_queue
  3. Intel Realsense 如何获取已连接所有摄像头的序列号参数?context() query_devices() size() camera_info device_list
  4. 【转】log4net使用详解
  5. 10个调试Java的技巧
  6. 8.类定义、属性、初始化和析构
  7. memcached—认识Memcache
  8. 拓端tecdat|Python中的多项式回归拟合非线性关系实例
  9. 名字打架小游戏 java_闲暇极品MD5 能用名字打架的小游戏
  10. python代码混淆工具_Intensio-Obfuscator:一款专业Python代码混淆处理工具
  11. java毕业设计—— 基于java+JSP+SSH的网上购物系统设计与实现(毕业论文+程序源码)——网上购物系统
  12. PlaySound的同步播放与异步播放
  13. 「消息秒回」是一种美德
  14. 大数据 排错日记0004——Unable to check if JNs are ready for formatting
  15. 齐河木凡装饰工程有限公司简介
  16. 黑白照片怎么上色?建议使用这几招
  17. H5 页面适配几种展现形式
  18. 《激荡三十年》——来了解我们的时代
  19. 嵌入式数据库系统Berkeley DB
  20. nc 刷新时调动风车界面

热门文章

  1. Web 上构建MDI 应用程序---Prototype Window Class
  2. C++智能指针shared_ptr使用实例
  3. 如何选择好的BI系统工具
  4. 大数据分析技术有什么特点
  5. 如何建立完整的数据治理体系
  6. 工业大数据的发展面临哪四大挑战
  7. 二叉树的遍历实验报告C语言,数据结构-二叉树的遍历(类C语言描写叙述)
  8. java什么叫用例_BigInteger的.isProbablePrime()的可能用例是什么?
  9. python中变量怎么使用_python中变量怎么使用
  10. java 允许魔术变量_PHP超级全局变量、魔术变量和魔术函数汇总整理