假设您在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来做这个吗?
当前回答
用你给的例子:
<form>
<input type="text" name="field1" /><!-- Put your cursor in this field and press Enter -->
<input type="submit" name="prev" value="Previous Page" /> <!-- This is the button that will submit -->
<input type="submit" name="next" value="Next Page" /> <!-- But this is the button that I WANT to submit -->
</form>
如果您点击“上一页”，只会提交“prev”的值。如果你点击“下一页”，只有“下一页”的值会被提交。
但是，如果您在表单的某个地方按下Enter键，则“上一页”和“下一页”都不会提交。
所以使用伪代码你可以做到以下几点:
If "prev" submitted then
Previous Page was click
Else If "next" submitted then
Next Page was click
Else
No button was click
其他回答
我认为这是一个简单的解决方法。将Previous按钮类型更改为button，并添加一个新的onclick属性，值为jQuery(this).attr('type'，'submit');
因此，当用户单击Previous按钮时，它的类型将被更改为submit，表单将与Previous按钮一起提交。
<form>
<!-- Put your cursor in this field and press Enter -->
<input type="text" name="field1" />
<!-- This is the button that will submit -->
<input type="button" onclick="jQuery(this).attr('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>
与其纠结于多次提交，JavaScript或类似的东西来做一些上/下的事情，另一种选择是使用旋转木马来模拟不同的页面。 这样做:
你不需要多个按钮，输入或提交来做上一个/下一个事情，你只有一个输入类型="submit"在只有一个形式。 整个表单中的值一直存在，直到表单提交为止。 用户可以切换到任何上一页和下一页来完美地修改值。
使用Bootstrap 5.0.0的示例:
<div id="carousel" class="carousel slide" data-ride="carousel">
<form action="index.php" method="post" class="carousel-inner">
<div class="carousel-item active">
<input type="text" name="lastname" placeholder="Lastname"/>
</div>
<div class="carousel-item">
<input type="text" name="firstname" placeholder="Firstname"/>
</div>
<div class="carousel-item">
<input type="submit" name="submit" value="Submit"/>
</div>
</form>
<a class="btn-secondary" href="#carousel" role="button" data-slide="prev">Previous page</a>
<a class="btn-primary" href="#carousel" role="button" data-slide="next">Next page</a>
</div>
纯HTML无法做到这一点。要做到这一点，必须依赖JavaScript。
但是，如果在HTML页面上放置两个表单，则可以做到这一点。
Form1将拥有前面的按钮。
Form2将有任何用户输入+下一个按钮。
当用户在Form2中按下Enter键时，Next提交按钮将触发。
如果你真的只是想让它像安装对话框一样工作，只需要关注“Next”按钮OnLoad。
这样，如果用户点击Return，表单就会提交并继续。如果他们想返回，他们可以按Tab键或点击按钮。
另一个简单的选项是将返回按钮放在HTML代码中的提交按钮之后，但将其浮动到左侧，这样它就会出现在提交按钮之前的页面上。
要做到这一点，只需改变制表符顺序即可。保持简单。
