[html] 第132天 触发form表单自动提交的方式有哪些?
haizhilin2013 opened this issue · comments
第132天 触发form表单自动提交的方式有哪些?
两种
两者都应该在
两种
<input type="submit">
<button type="submit
>
两者都应该在
标签下
form
本身自带提交表单的方式。在 form
上可以定义 method = get/post
、action = url
(get 方法时,action 的 URL 后不能带参数)。通过 input type="submit"
或者 button type="submit"
可以触发 form
的提交事件。利用 JavaScript 也可以调用 form
对象的 submit()
方法来触发提交事件。
使用 form
提交表单会重新刷新页面,在网速较差的情况下会有白屏的情况。当服务端进行校验时,再返回一个带错误提示的页面给用户也会影响体验。在 Ajax 流行后,利用原生 form
进行提交的情况变少了。
- 在表单的onsubmit事件提交
- 在input或者button标签的点击事件里提交
输入框回车也可以触发提交表单
form里只有唯一个input时候,回车即提交表单.