<input type = "submit"> 提交方式和用js的form.submit()有什么区别？
按投票排序
按时间排序
5 个回答
这两者楼上的各位已经说得很不错！
如果你问他们提交后 对于后台处理过程，那么都是一样的 传统式同步请求而已
但是现在许多网站为了追求个性化以及现在ajax异步提交、用美化的a标签来代替button（submit） 这种情况我们只能使用 onsubmit（）函数来代替了！
因为我们工作习惯的问题，我们一般不会使用submit；
对于楼上说的情况 我认为如果你有必要 你完全可以 加一个透明层的 submit 按钮 扔到form里不碍事的地方
如果你问他们提交后 对于后台处理过程，那么都是一样的 传统式同步请求而已
但是现在许多网站为了追求个性化以及现在ajax异步提交、用美化的a标签来代替button（submit） 这种情况我们只能使用 onsubmit（）函数来代替了！
因为我们工作习惯的问题，我们一般不会使用submit；
对于楼上说的情况 我认为如果你有必要 你完全可以 加一个透明层的 submit 按钮 扔到form里不碍事的地方
谢邀。
说“一样的”的都不是专业的前端， 至少有以下不同：
假设：
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会触发。
另外，还有HTML语义化的区别，A表单的处理更语义化，至于A能在js加载失败时提交表单（起码还能用），B不行之类的，就不说了。
总之，A，<input type="submit">更好，B在用户体验上差的有点多。
说“一样的”的都不是专业的前端， 至少有以下不同：
假设：
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会触发。
另外，还有HTML语义化的区别，A表单的处理更语义化，至于A能在js加载失败时提交表单（起码还能用），B不行之类的，就不说了。
总之，A，<input type="submit">更好，B在用户体验上差的有点多。
931
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
