input type = submit 提交方式和用js的form.submit()有什么区别？

说“一样的”的都不是专业的前端，至少有以下不同：
假设：
A表单内有<input type="submit">，通过点击这个input来提交表单
B表单内没有<input type="submit">，而是写了一个<input type="button">，并且在这个input上绑定了click事件，在事件的监听器内用js的form.submit()提交。

1.在A表单内的某个input type=text，用户正与它交互（它是当前焦点），用户只需要按一下键盘的enter，就能提交表单；而B在某些情况下不行（部分情形参考回车提交表单），只能click下面的button；当然你可以给每个input绑定一个keypress事件，再检测按下的键是不是enter，如果是，就提交……只要不觉得蛋疼。
2.B表单提交不会触发form的 onsubmit事件；A会触发。

转载于:https://blog.51cto.com/lycy521/1351639

input type = submit 提交方式和用js的form.submit()有什么区别？相关推荐

＜input type=“text“ name=““ id=““/＞中的name和id有什么区别？
name 是表单提交后,给后台处理程序区分不同的输入框. 例如 name = '用户名' name ='密码',后台程序就会分别去处理用户名和密码. 而 id 通常给前台程序,例如 Javascrip ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
关于前后台数据的提交方式
关于前后端的数据传输方式 1.前台页面的数据传送到后台的方式 1.1form表单提交[同步请求] 在前端页面中设置form表单,确定需要传递的参数name让用户输入,通过点击按钮后submit()提交 ...
form表单的多种提交方式及提交前验证
以下是本人总结处来的一些form的提交方式,网上还有别的提交方式,这里我总结了大小分为7类,其实就是三类的提交方式,若有哪里不对的,还请评论指出来,大家一起学习学习 1.无任何验证提交(最普通的提交) ...
html input type=file 文件上传; 图片上传; 图片闪烁
(1)input file 对话框和获取选中文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
jsp常用的input type
jsp的 input 输入框分为很多种:有密码框.多选框.单选框.日期.颜色.输入限制.邮箱验证.隐藏框.文件上传等等. input输入框支持的功能如此之多,如此常用,开发者可以直接使用它们,因此就能 ...
HTML input type 输入类型
本章描述 <input> 元素的输入类型. 输入类型:text <input type="text"> 定义供文本输入的单行输入字段: 实例 <for ...
jQuery最简单的表单提交方式
第一步:绑定事件常用的与ajax相关的事件参考如下: 1.$(selector).click(function) 2.$(selector).change(function) 3.$(selecto ...
HTML表单提交方式post和get的区别
form标签 <form action="提交路径" method="提交方式" name="表单名称"></form&g ...

input type = submit 提交方式和用js的form.submit()有什么区别？

input type = submit 提交方式和用js的form.submit()有什么区别？相关推荐

最新文章

热门文章