JS中type="button"和type="submit"的区别

　　Submit是专门用于提交表单的Button，与Button的区别主要有两点：

　　type=button 就单纯是按钮功能 

　　type=submit 是发送表单

　　 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此

　　 (2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。

　　但是对于从事WEB UI的人应该要注意到，使用submit来提高页面易用性：　　

　　使用submit后，页面支持键盘enter键操作，而很多WEB软件设计师，可能没有注意到submit统一. 　　

　　用button后往往页面不支持enter键了。所以需要支持enter键，必须要设置个submit，默认enter键对页面第一个submit进行操作。　　

　　执行完onClick，转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。 　　

　　执行完onClick，跳转文件在 js文件里控制。提交需要onClick。 

　　比如：

　　1，onclick="form1.action='a.jsp';form1.submit();" 这样就实现了submit的功能了。 　　

　讲白一些，就是submit会有一个跳转，页面会刷新；而button不会刷新，就是一个button；可以用<button type="submit/button/reset"></button>来生成按钮，更加灵活，样式更好控制。 　

以上所述是小编给大家介绍的JS中type="button"和type="submit"的区别，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# button和submit区别  # button  # type  # submit  # button没写type=button会导致点击时提交  # input、button的不同type值在ajax提交表单时导致的陷阱  # JavaScript在form表单中使用button按钮实现submit提交方法  # JS button按钮实现submit按钮提交效果  # input submit、button和回车键提交数据详解  # 在javaScript中关于submit和button的区别介绍  # 在jQuery ajax中按钮button和submit的区别分析  # 在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码  # 表单  # 跳转  # 小编  # 键值  # 的人  # 会有  # 第一个  # 在此  # 不需要  # 才会  # 可以用  # 转到  # 要注意  # 注意到  # 给大家  # 并非如此  # 为其  # 都将  # 不支持  # 所述 

相关文章： 如何用花生壳三步快速搭建专属网站？  韩国服务器如何优化跨境访问实现高效连接？    香港服务器如何优化才能显著提升网站加载速度？  如何快速搭建个人网站并优化SEO？  如何快速打造个性化非模板自助建站？  如何快速生成ASP一键建站模板并优化安全性？  制作证书网站有哪些,全国城建培训中心证书查询官网？  建站主机SSH密钥生成步骤及常见问题解答？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  如何高效利用亚马逊云主机搭建企业网站？  建站之星CMS五站合一模板配置与SEO优化指南  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  如何在宝塔面板创建新站点？  油猴 教程,油猴搜脚本为什么会网页无法显示？  为什么Go需要go mod文件_Go go mod文件作用说明  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  C#如何使用XPathNavigator高效查询XML  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  如何基于云服务器快速搭建网站及云盘系统？  制作网站公司那家好,网络公司是做什么的？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  如何在Golang中引入测试模块_Golang测试包导入与使用实践  html制作网站的步骤有哪些,iapp如何添加网页？  如何选择高效响应式自助建站源码系统？  建站之星安装步骤有哪些常见问题？  浅谈Javascript中的Label语句  如何通过二级域名建站提升品牌影响力？  实例解析Array和String方法  广州建站公司哪家好？十大优质服务商推荐  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何通过西部数码建站助手快速创建专业网站？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  如何在云指建站中生成FTP站点？  建站之星ASP如何实现CMS高效搭建与安全管理？  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  如何用西部建站助手快速创建专业网站？  linux top下的 minerd 木马清除方法  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  建站主机如何选？高性价比方案全解析  移民网站制作流程,怎么看加拿大移民官网？  已有域名和空间，如何快速搭建网站？  如何通过NAT技术实现内网高效建站？  如何用AWS免费套餐快速搭建高效网站？  如何在万网自助建站平台快速创建网站？  定制建站策划方案_专业建站与网站建设方案一站式指南