Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

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

Activity

qhdxwdm

qhdxwdm commented on Aug 25, 2019

@qhdxwdm

两种


两者都应该在

标签下

qhdxwdm

qhdxwdm commented on Aug 25, 2019

@qhdxwdm

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

标签下

Konata9

Konata9 commented on Aug 26, 2019

@Konata9

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

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

nowherebutup

nowherebutup commented on Aug 26, 2019

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

tonyChenHey commented on Aug 27, 2019

@tonyChenHey

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

viccowang

viccowang commented on Aug 28, 2019

@viccowang

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@Konata9@viccowang@tonyChenHey@nowherebutup

        Issue actions

          [html] 第132天 触发form表单自动提交的方式有哪些? · Issue #1112 · haizlin/fe-interview