假设您在HTML表单中创建了一个向导。一个按钮后退，一个按钮前进。因为当您按Enter键时，返回按钮首先出现在标记中，它将使用该按钮提交表单。
例子:
< >形式 <！—将光标移至该字段，按“Enter”。—> <input type="text" name="field1" /> <！这是提交的按钮——> <input type="submit" name="prev" value="Previous Page" /> <！——但这是我想提交的按钮——> <input type="submit" name="next" value=" next Page" /> > < /形式
我想要确定当用户按Enter键时使用哪个按钮提交表单。这样，当您按下Enter键时，向导将移动到下一页，而不是上一页。你必须使用tabindex来做这个吗?
当前回答
可以使用Tabindex来解决这个问题。此外，改变按钮的顺序将是实现这一目标的更有效方法。
更改按钮的顺序，并添加浮动值，将它们分配到您希望在HTML视图中显示的所需位置。
其他回答
在CSS float方法上，一个可能更现代的方法是在flex项目上使用带有order属性的flexbox解决方案。它可能是这样的:
<div style="display: flex">
<input type="submit" name="next" value="Next Page" style="order: 1" />
<input type="submit" name="prev" value="Previous Page" style="order: 0" />
</div>
当然，这是否可行取决于您的文档结构，但我发现伸缩项比浮动元素更容易控制。
如果默认使用的第一个按钮在各个浏览器中是一致的，那么在源代码中将它们放在正确的位置，然后使用CSS来切换它们的明显位置。
例如，将它们左右浮动以在视觉上切换它们。
另一个简单的选项是将返回按钮放在HTML代码中的提交按钮之后，但将其浮动到左侧，这样它就会出现在提交按钮之前的页面上。
要做到这一点，只需改变制表符顺序即可。保持简单。
将之前的按钮类型更改为这样的按钮:
<input type="button" name="prev" value="Previous Page" />
现在Next按钮将是默认的，另外你也可以添加默认属性，这样你的浏览器就会高亮显示它:
<input type="submit" name="next" value="Next Page" default />
如果你真的只是想让它像安装对话框一样工作，只需要关注“Next”按钮OnLoad。
这样，如果用户点击Return，表单就会提交并继续。如果他们想返回，他们可以按Tab键或点击按钮。
