问：假设您在 HTML 表单中创建了一个向导。一键后退，一键前进。由于按下后退按钮首先出现在标记中Enter，因此它将使用该按钮提交表单。
例子：
<form>
<!-- Put your cursor in this field and press Enter -->
<input type="text" name="field1" />
<!-- This is the button that will submit -->
<input type="submit" name="prev" value="Previous Page" />
<!-- But this is the button that I WANT to submit -->
<input type="submit" name="next" value="Next Page" />
</form>
我想决定当用户按下哪个按钮来提交表单Enter。这样，当您按下时Enter，向导将移动到下一页，而不是上一页。你必须用tabindex它来做这个吗？
答：我只是在做float右边的按钮。
这样Prev按钮就在按钮的左边Next，但Next在 HTML 结构中首先出现：
.f {
float: right;
}
.clr {
clear: both;
}
<form action="action" method="get">
<input type="text" name="abc">
<div id="buttons">
<input type="submit" class="f" name="next" value="Next">
<input type="submit" class="f" name="prev" value="Prev">
<div class="clr"></div><!-- This div prevents later elements from floating with the buttons. Keeps them 'inside' div#buttons -->
</div>
</form>
我只是在做float右边的按钮。
这样Prev按钮就在按钮的左边Next，但Next在 HTML 结构中首先出现：
.f {
float: right;
}
.clr {
clear: both;
}
<form action="action" method="get">
<input type="text" name="abc">
<div id="buttons">
<input type="submit" class="f" name="next" value="Next">
<input type="submit" class="f" name="prev" value="Prev">
<div class="clr"></div><!-- This div prevents later elements from floating with the buttons. Keeps them 'inside' div#buttons -->
</div>
</form>
展开片段
优于其他建议的好处：没有 JavaScript 代码，可访问，并且两个按钮都保留type="submit"。
