单个文本框和提交行为答案

【问题标题】：Single text box and submit behaviour单个文本框和提交行为
【发布时间】：2012-04-26 17:22:57
【问题描述】：

我在表单上有一个没有提交按钮的文本框，如下所示：

<html>
    <form action="http://www.google.com">
        <input type="text"/>
    </form>
</html>

选择文本框，然后我按Enter键表格将提交，并且将显示Google页面。但是，如果我有两个如下文本框：

<html>
    <form action="http://www.google.com">
        <input type="text"/>
        <input type="text"/>
    </form>
</html>

现在如果我按下提交按钮，什么都不会发生。

谁能在这里解释一下：
i) 为什么在第一种情况下会提交表单？
ii) 为什么在第二种情况下没有提交表单？

【问题讨论】：

【解决方案1】：

HTML 2.0 Specs:

当表单中只有一个单行文本输入字段时，用户代理应该接受在该字段中输入作为提交请求表格。

禁用此行为的最简单方法是添加隐藏输入字段。

【讨论】：

这是否仅适用于文本框？
@Till 添加隐藏输入对我没有帮助。有什么想法吗？
好的，如果我喜欢<input type="text" style="display: none;" />，它会起作用，只是type="hidden" 不会。

【解决方案2】：

这可能是因为在 2 个输入字段的情况下，浏览器不知道从哪个输入字段将 Enter 键处理为表单提交事件。我不确定，但这可能是原因，此外，每当您想向服务器提交数据时，请始终使用按钮，或者您可以在 onClick 函数的其中一个字段中定义提交事件

【讨论】：