【问题标题】:HTML: Define the action of "enter" in a <form>HTML:在 <form> 中定义“输入”的动作
【发布时间】:2011-03-16 02:02:03
【问题描述】:

我有一个 HTML &lt;form&gt; 和几个 &lt;button&gt;s 和一个 &lt;input type="submit"&gt;

<form>
    <button>first button</button>
    <button>second button</button>
    <input type="text">
    <input type="submit">
</form>

但是当在text 字段中按下enter 时,会激活“第一个按钮”而不是“提交”按钮。

如何让enter触发“提交”按钮?

【问题讨论】:

  • 你想要纯 HTML 还是 JavaScript 可以?
  • 我希望纯 HTML ——我知道我可以用 JS 来做,但如果它可以只用 HTMl 来做,那可能会更好。

标签: html forms button


【解决方案1】:

&lt;button&gt; 元素的默认行为类似于“提交”按钮。尝试将&lt;button type='button'&gt; 用于非提交按钮。

【讨论】:

  • 啊,漂亮。这正是我所希望的,但找不到。谢谢!哦,欢迎来到 Stack Overflow :)
【解决方案2】:

您很可能可以通过一些简单的jQuery 覆盖文本输入的默认行为。尝试查看.keydown()的文档

【讨论】:

    猜你喜欢
    • 2010-12-18
    • 1970-01-01
    • 2017-05-31
    • 1970-01-01
    • 2015-03-16
    • 2020-03-28
    • 2015-01-30
    • 1970-01-01
    • 2022-10-16
    相关资源
    最近更新 更多