haizlin / fe-interview

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),6000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

Home Page:http://www.h-camel.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[html] 第132天 触发form表单自动提交的方式有哪些?

haizhilin2013 opened this issue · comments

第132天 触发form表单自动提交的方式有哪些?

两种


两者都应该在

标签下

两种
<input type="submit">
<button type="submit>
两者都应该在

标签下

form 本身自带提交表单的方式。在 form 上可以定义 method = get/postaction = url(get 方法时,action 的 URL 后不能带参数)。通过 input type="submit" 或者 button type="submit" 可以触发 form 的提交事件。利用 JavaScript 也可以调用 form 对象的 submit() 方法来触发提交事件。

使用 form 提交表单会重新刷新页面,在网速较差的情况下会有白屏的情况。当服务端进行校验时,再返回一个带错误提示的页面给用户也会影响体验。在 Ajax 流行后,利用原生 form 进行提交的情况变少了。

  • 在表单的onsubmit事件提交
  • 在input或者button标签的点击事件里提交

输入框回车也可以触发提交表单

form里只有唯一个input时候,回车即提交表单.