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


Posted in Javascript onJuly 04, 2017

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"的区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
改进:论坛UBB代码自动插入方式
Dec 22 Javascript
用正则xmlHttp实现的偷(转)
Jan 22 Javascript
jquery 1.3.2 IE8中的一点点的小问题解决方法
Jul 10 Javascript
javascript中的继承实例代码
Apr 27 Javascript
js格式化货币数据实现代码
Sep 04 Javascript
js 连续赋值的简单实现
Jun 13 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
Jun 28 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
Nov 03 Javascript
ExtJs整合Echarts的示例代码
Feb 27 Javascript
解决vue项目使用font-awesome,build后路径的问题
Sep 01 Javascript
Vue自定义指令写法与个人理解
Feb 09 Javascript
关于对TypeScript泛型参数的默认值理解
Jul 15 Javascript
5分钟打造简易高效的webpack常用配置
Jul 04 #Javascript
AngularJS实现表格的增删改查(仅限前端)
Jul 04 #Javascript
js CSS3实现卡牌旋转切换效果
Jul 04 #Javascript
JavaScript中三个等号和两个等号你了解多少
Jul 04 #Javascript
原生js实现简单的链式操作
Jul 04 #Javascript
详解用vue编写弹出框组件
Jul 04 #Javascript
使用vue构建一个上传图片表单
Jul 04 #Javascript
You might like
PHP 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
php中处理mysql_fetch_assoc返回来的数组 不用foreach----echo
2011/05/04 PHP
php中用date函数获取当前时间有误的解决办法
2013/08/02 PHP
Thinkphp和onethink实现微信支付插件
2016/04/13 PHP
PHP实现非阻塞模式的方法分析
2018/07/26 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
解决FLASH需要点击激活的代码
2006/12/20 Javascript
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
jquery easyui 结合jsp简单展现table数据示例
2014/04/18 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
JavaScript声明变量名的语法规则
2015/07/10 Javascript
JavaScript对数组进行随机重排的方法
2015/07/22 Javascript
JS实现仿FLASH效果的竖排导航代码
2015/09/15 Javascript
js仿小米手机上下滑动效果
2017/02/05 Javascript
详解Vue 事件驱动和依赖追踪
2017/04/22 Javascript
详解react使用react-bootstrap当轮子造车
2017/08/15 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
2018/07/13 Javascript
js prototype和__proto__的关系是什么
2019/08/23 Javascript
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
Python中使用不同编码读写txt文件详解
2015/05/28 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
Django利用cookie保存用户登录信息的简单实现方法
2019/05/27 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
python selenium 查找隐藏元素 自动播放视频功能
2019/07/24 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
Notino法国:购买香水和化妆品
2019/04/15 全球购物
《曹刿论战》教学反思
2014/03/02 职场文书
环保倡议书50字
2014/05/15 职场文书
党委班子对照检查材料
2014/08/19 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
Python selenium模拟网页点击爬虫交管12123违章数据
2021/05/26 Python