现在可以使用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，我们可以通过使用CSS规则:flex-direction: row-reverse来反转使用display: flex的容器中的元素顺序。这不需要CSS或隐藏元素。对于不支持Flexbox的旧浏览器，他们仍然得到一个可行的解决方案，但元素不会被反转。

Demo

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

从HTML 4规范:

如果一个表单包含多个提交按钮，只有激活 提交按钮成功。

这意味着如果有多个提交按钮且没有激活(单击)，则没有一个提交按钮会成功。

我认为这是有道理的:

想象一个有多个提交按钮的巨大表单。在顶部，有一个“删除这条记录”按钮，然后有很多输入，在底部有一个“更新这条记录”按钮。当用户在表单底部的字段中按Enter时，他/她永远不会怀疑他/她从顶部隐式地按下了“删除此记录”。

因此，我认为使用用户没有定义(点击)的第一个按钮或任何其他按钮都不是一个好主意。不过，浏览器当然也在这么做。

当您在一个表单中有多个提交按钮，并且用户按Enter键从文本字段提交表单时，这段代码将通过从按键事件调用表单上的提交事件来覆盖默认功能。代码如下:

$('form input').keypress(function(e){

    if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)){
        $(e.target).closest('form').submit(); return false;
    }
    else
        return true;
});

我使用的另一种解决方案是在表单中只设置一个按钮，并伪造其他按钮。

这里有一个例子:

<form>
  <label for="amount">Amount of items</label>
  <input id="amount" type="text" name="amount" />
  <span id="checkStock" class="buttonish">Check stock</span>
  <button type="submit" name="action" value="order">Place order</button>
</form>

然后我将span元素的样式设置为看起来像一个按钮。JavaScript侦听器观察跨度，并在单击后执行所需的操作。

这并不一定适用于所有情况，但至少很容易做到。

要确定按enter键时按下了哪个按钮，可以用type="submit"标记它，其他按钮用type="button"标记它们。例如:

<input type="button" value="Cancel" />
<input type="submit" value="Submit" />

抱歉，当我写这个答案时，我想的是一般意义上的提交按钮。下面的答案不是关于多个type="submit"按钮，因为它只留下一个type="submit"，而把另一个改为type="button"。我把答案留在这里作为参考，以防帮助可以更改表单类型的人。

我有一个带有11个提交按钮的表单，当用户按下Enter键时，它总是使用第一个提交按钮。我在别处读到过，在一个表单上有多个提交按钮不是一个好主意(糟糕的做法)，最好的方法是将您想要的按钮作为默认按钮，作为表单上唯一的提交按钮。其他按钮应该变成“TYPE=BUTTON”，并添加一个onClick事件，用JavaScript调用自己的提交例程。就像这样:

<SCRIPT Language="JavaScript">
function validform()
{
  // Do whatever you need to validate the form, and return true or false accordingly
}

function mjsubmit()
{
  if (validform()) { document.form1.submit(); return true;}
  return false;
}
</SCRIPT>
<INPUT TYPE=BUTTON NAME="button1" VALUE="button1" onClick="document.form1.submitvalue='button1'; return mjsubmit();">
<INPUT TYPE=BUTTON NAME="button2" VALUE="button2" onClick="document.form1.submitvalue='button2'; return mjsubmit();">
<INPUT TYPE=SUBMIT NAME="button3" VALUE="button3" onClick="document.form1.submitvalue='button3'; return validform();">
<INPUT TYPE=BUTTON NAME="button4" VALUE="button4" onClick="document.form1.submitvalue='button4'; return mjsubmit();">

这里，button3是默认的，尽管您是通过编程方式提交表单和其他按钮，但mjsubmit例程将验证它们。