在 HTML 表单提交中使用 Enter 键而不是激活按钮

2023-12-20

我有一个 HTML 表单,其中包含一个submit输入,还有各种button元素。当用户按下“enter”键时,我希望它实际提交表单,但相反(至少在 Chrome 15 内)我发现它触发了第一个button(因为它在 HTML 中出现的时间早于submit输入,我猜)。

我知道一般来说你不能强迫浏览器偏爱特定的submit输入,但我真的认为他们会喜欢submit输入超过button元素。我是否可以对 HTML 进行一些小调整才能实现此功能,或者我是否必须采用某种 Javascript 方法?

这是 HTML 的粗略模型:

<form action="form.php" method="POST">
    <input type="text" name="field1"/>
    <button onclick="return myFunc1()">Button 1</button>
    <input type="submit" name="go" value="Submit"/>
</form>

您不需要 JavaScript 来选择默认提交按钮或输入。你只需要把它标记为type="submit",其他按钮用type="button"。在你的例子中:

<button type="button" onclick="return myFunc1()">Button 1</button>
<input type="submit" name="go" value="Submit"/>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 HTML 表单提交中使用 Enter 键而不是激活按钮 的相关文章