没有提交按钮的 HTML 表单提交

我有这样一个表格:

<html> 
    <body> 
        <form onSubmit="alert('Just got submitted');">
            <p>
            Hello: <input class="field" type="text"/><br/>
            Goodbye: <input class="field" type="text"/><br/>
            </p>
        </form>
    </body> 
</html>

在一个浏览器中，当用户从其中一个字段中按下 enter 时，它会愉快地提交，而在另一个浏览器中，则不会。奇怪的是，如果我删除第二个字段，它在两个字段中都有效。

我的问题真的是 - 没有明确提交元素的表单可以吗？我真的很喜欢这种行为。

最佳答案

没有明确的提交是糟糕的用户体验。在过去的十年中，典型的最终用户已经学会了一套网站表单交互的原则。也就是说，您可以在字段之间切换，您可以选择很多复选框，并且您可以单击一个按钮来实际提交您的数据。

我过去曾尝试开发使用 JavaScript 自动更新的表单，但我收到了无数用户的投诉。他们想要一个按钮，或者他们不相信它会起作用。所以在那种特殊情况下，我让表单按原来的方式工作，但添加了一个实际上什么也没做的提交按钮。他们很高兴。

最近我只是用普通的提交按钮构建我的表单。不仅用户期望它，而且它允许在不支持 JS 的浏览器之间进行更清晰的渐进式增强。

关于没有提交按钮的 HTML 表单提交，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/608622/