Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
haizhilin2013 opened this issue Aug 25, 2019 · 6 comments
Open
Labels
html html

Comments

@haizhilin2013
Copy link
Collaborator

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

@haizhilin2013 haizhilin2013 added the html html label Aug 25, 2019
@qhdxwdm
Copy link

qhdxwdm commented Aug 25, 2019

两种


两者都应该在

标签下

@qhdxwdm
Copy link

qhdxwdm commented Aug 25, 2019

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

标签下

@Konata9
Copy link

Konata9 commented Aug 26, 2019

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

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

@nowherebutup
Copy link

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

@tonyChenHey
Copy link

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

@viccowang
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
html html
Projects
None yet
Development

No branches or pull requests

6 participants