按Enter键提交带有一个输入的HTML表单,但不是两个

时间:2011-06-11 18:29:23

标签: html form-submit

任何人都可以解释这种行为吗?当表单包含单个文本框时,在HTML表单的文本框中按Enter键会提交表单,但在表单包含两个或更多文本框时则不会。

jsFiddle(一个输入):http://jsfiddle.net/gpPTa/
jsFiddle(两个输入):http://jsfiddle.net/fDbJt/

2 个答案:

答案 0 :(得分:3)

不幸的是,只有一个输入,表单才能在输入时提交。

您可以为每个人提供一个提交表单的javascript命令,也可以放置一个宽度为0和/或visibility:none的提交按钮。 例如:

<form>
    <input style='width:0; visibility:hidden' type='submit'>
    <input>
    <input>
</form>

答案 1 :(得分:0)

似乎浏览器假设因为只有一个输入,所以它也是提交控件。专注于它并按Enter键将提交表单,就像专注于提交按钮一样。

当您将type="submit"添加到其中一个<inputs>时,您可以根据需要使用尽可能多的其他人form will be submitted by pressing enter

我没有任何提及支持这一点,但这对我来说似乎是合乎逻辑的。