使用 Return (Enter) 上的特定按钮提交？答案

【问题标题】：Submit using a particular button on Return (Enter)?使用 Return (Enter) 上的特定按钮提交？
【发布时间】：2014-07-05 06:59:20
【问题描述】：

向导型表单有两个按钮，返回和下一步。 Back在左边，Next在右边。一个最小的例子是http://jsfiddle.net/WSwb7/1/，尽管在那里提交表单不起作用。

我认为当用户在任何表单字段中按 Enter 时，制作 Next 按钮 <input type="submit" 会导致它用于提交。但是，当用户按 Enter 时，浏览器会使用标记中的第一个按钮，即左侧的后退按钮（在 <button> 中）。试过 FF 30、Chromium 33、IE 11。我想知道它是否在任何标准中都有描述。

所以我的问题是如何使用“下一步”按钮在 Enter 按键上提交表单，同时将其 放在“后退”按钮的右侧。当我使用 Bootstrap 时，有人会认为在代码中交换按钮并在 CSS 中定位不需要任何 JS。

如何实现呢？按钮应在表单下方的<div> 中居中。

（顺便说一句，使用从右到左的脚本不会有这种问题吗？:)

【问题讨论】：

对此question 的回答建议将所需按钮的副本与visibility:hidden 放在代码前面，但至少IE11 似乎忽略了隐藏按钮。
您的后退按钮也有“type=submit”。删除它，它会工作。
您是否尝试过 next 按钮上的“float : right”。像这样，右边的按钮在代码中是第一位的。
@SureshPonnukalai 不，它没有。不在 Chrome 或 FF 中。 @LorenzMeyer 当我使用 float: 时，我似乎无法让它们回到父 div 的中心
您如何识别提交是从后退或下一个按钮发生的？

标签： html css forms twitter-bootstrap submit

【解决方案1】：

为字段编写javascript代码以触发提交按钮的事件。

【讨论】：

Javascript 是我想要避免的。用 CSS 巧妙地交换两个元素 - 这可能更容易，只是我似乎无法实现它。