如果您通过 JavaScript（即，formElement.submit()或任何等效的东西）提交表单，那么没有一个提交按钮被认为是成功的，并且它们的值都不会包含在提交的数据中。（请注意，如果您通过使用提交表单，submitElement.click()那么您所引用的提交被认为是活动的；这并不真正属于您的问题范围，因为这里提交按钮是明确的，但我想我会包括它对于阅读第一部分并想知道如何通过 JavaScript 表单提交使提交按钮成功的人。当然，表单的 onsubmit 处理程序仍然会以这种方式触发，而他们不会通过，form.submit()所以这是另一锅鱼...）

如果表单是通过在非 textarea 字段中按 Enter 提交的，那么实际上取决于用户代理来决定它在这里想要什么。规范没有说明Enter在文本输入字段中使用键提交表单的任何内容（如果您使用 Tab 键切换到按钮并使用空格或其他方式激活它，那么没有问题，因为该特定提交按钮已明确使用）。它只是说当激活提交按钮时必须提交表单。甚至不需要Enter输入例如文本输入将提交表单。

我相信 Internet Explorer 选择了源代码中最先出现的提交按钮；我有一种感觉，Firefox 和 Opera 选择 tabindex 最低的按钮，如果没有其他定义，则回退到第一个定义的按钮。关于提交是否具有非默认值属性 IIRC 也有一些复杂性。

要带走的一点是，这里发生的事情没有定义的标准，这完全是浏览器的一时兴起 - 所以无论你在做什么，尽量避免依赖任何特定的行为。如果您真的必须知道，您可能会发现各种浏览器版本的行为，但是当我不久前对此进行调查时，发现了一些非常复杂的情况（当然，这些情况会随着新浏览器版本的变化而变化），我会建议您尽可能避免它！

HTML 4 没有明确说明。当前的 HTML5 工作草案指定第一个提交按钮必须是默认的：

一个form元素的默认按钮是第一个提交按钮在 树形结构顺序，其所属表单是 form元素。

如果用户代理支持让用户隐式提交表单（例如，在某些平台上，在文本字段聚焦时点击“输入”键隐式提交表单），则为默认按钮具有定义 激活的表单执行此操作行为必须导致用户代理 在该默认按钮上 运行合成点击激活步骤。

Andrezj 的回答几乎一针见血……但这里有一个简单的跨浏览器解决方案。

采取这样的形式：

<form>
    <input/>
    <button type="submit" value="some non-default action"/>
    <button type="submit" value="another non-default action"/>
    <button type="submit" value="yet another non-default action"/>

    <button type="submit" value="default action"/>
</form>

并重构为：

<form>
    <input/>

    <button style="overflow: visible !important; height: 0 !important; width: 0 !important; margin: 0 !important; border: 0 !important; padding: 0 !important; display: block !important;" type="submit" value="default action"/>

    <button type="submit" value="some non-default action"/>
    <button type="submit" value="another non-default action"/>
    <button type="submit" value="yet another non-default action"/>
    <button type="submit" value="still another non-default action"/>

    <button type="submit" value="default action"/>
</form>

由于W3C规范指出多个提交按钮是有效的，但省略了有关用户代理应如何处理它们的指导，因此浏览器制造商只能按照他们认为合适的方式实施。我发现他们要么提交表单中的第一个提交按钮，要么提交当前具有焦点的表单字段之后的下一个提交按钮。

不幸的是，简单地添加一个显示样式：none; 将不起作用，因为 W3C 规范指示应从用户交互中排除任何隐藏元素。所以把它藏在显眼的地方吧！

以上是我最终投入生产的解决方案示例。按回车键触发默认表单提交是预期的行为，即使存在其他非默认值并且在 DOM 中的默认提交按钮之前也是如此。鼠标/键盘与显式用户输入交互的奖励，同时避免 JavaScript 处理程序。

注意：在表单中使用 Tab 键不会显示任何可视元素的焦点，但仍会导致不可见按钮被选中。为避免此问题，只需相应地设置 tabindex 属性并省略不可见提交按钮上的 tabindex 属性。虽然将这些样式提升为 !important 似乎不合适，但它们应该防止任何框架或现有按钮样式干扰此修复。此外，那些内联样式绝对是糟糕的形式，但我们在这里证明了概念……而不是编写生产代码。

现在可以使用Flexbox解决这个问题：

HTML

<form>
    <h1>My Form</h1>
    <label for="text">Input:</label>
    <input type="text" name="text" id="text"/>

    <!-- Put the elements in reverse order -->
    <div class="form-actions">
        <button>Ok</button> <!-- Our default action is first -->
        <button>Cancel</button>
    </div>
</form>

CSS

.form-actions {
    display: flex;
    flex-direction: row-reverse; /* Reverse the elements inside */
}

解释

使用 Flexbox，我们可以颠倒容器中元素的顺序，该容器display: flex也使用 CSS 规则：flex-direction: row-reverse。这不需要 CSS 或隐藏元素。对于不支持 Flexbox 的旧版浏览器，他们仍然可以获得可行的解决方案，但元素不会被反转。

演示

http://codepen.io/Godwin/pen/rLVKjm

我认为如果有人想用 jQuery 来做这件事，这篇文章会有所帮助：

http://greatwebguy.com/programming/dom/default-html-button-submit-on-enter-with-jquery/

基本的解决办法是：

$(function() {
    $("form input").keypress(function (e) {
    if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
        $('input[type=submit].default').click();
        return false;
    }
    else {
        return true;
    }
    });
});

我喜欢的另一个是：

jQuery(document).ready(function() {
    $("form input, form select").live('keypress', function (e) {
        if ($(this).parents('form').find('button[type=submit].default, input[type=submit].default').length <= 0)
            return true;

        if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
            $(this).parents('form').find('button[type=submit].default, input[type=submit].default').click();
            return false;
        }
        else {
            return true;
        }
    });
});