【问题标题】:How to submit a form without action or submit button如何在没有操作或提交按钮的情况下提交表单
【发布时间】:2015-09-19 00:31:48
【问题描述】:

我正在查看一个图片网站,对他们使用的 javascript 感到困惑。该网站有一个图像,下面有一个文本输入字段,您可以输入您的 cmets。输入 cmets 后,按 Enter 键提交评论。

html 看起来像这样:

 <form class="-cx-PRIVATE-PostInfo__commentCreator" data-reactid=".0.1.0.0.0.2.2.1">
   <input class="-cx-PRIVATE-PostInfo__commentCreatorInput" placeholder="Add a comment…" type="text" value="" data-reactid=".0.1.0.0.0.2.2.1.0">
 </form>

表单中没有任何操作,也没有提交按钮。他们如何提交表格?

【问题讨论】:

  • 可能是 JavaScript 附加处理程序或单独触发 AJAX 请求,而不进行整个页面/表单提交。您在“查看源代码”(F12 DOM 查看器之前)中看到的 HTML 是客户端接收到的 HTML,并且不是表示 DOM 的当前状态。
  • 在浏览器中使用 F12 检查 &lt;form /&gt; 元素和其中包含的任何控件,查找绑定到事件的函数,例如 submitclick

标签: javascript html forms


【解决方案1】:

表单的 action 属性将默认为当前 URL。

尝试填写一些文本并按回车键:

<form>
    <input type="text" name="lookInTheUrlAfterHittingEnter" />
</form>

正如@Traktor53 所说,当焦点位于文本输入时按回车键将提交表单。

【讨论】:

    【解决方案2】:

    文本类型的输入元素(对于单行文本)如果在自年点 AFAIK 之后在填写时按下回车键,则已提交其表单。我在 HTML5 的文档中没有找到关于这个输入类型元素的任何提及。

    【讨论】:

    • “自年份点” - 我可以确认它至少可以追溯到 15 年:P
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-12-20
    • 2011-12-04
    • 1970-01-01
    • 1970-01-01
    • 2016-08-29
    • 2011-04-02
    • 1970-01-01
    相关资源
    最近更新 更多