HTML表单上的多个提交按钮–将一个按钮指定为默认按钮

一尘不染

HTML表单上的多个提交按钮–将一个按钮指定为默认按钮

css

我有一个包含三个提交按钮的表单，如下所示：

<input type="submit" name="COMMAND" value="&lsaquo; Prev">
<input type="submit" name="COMMAND" value="Save">
<input type="reset"  name="NOTHING" value="Reset">
<input type="submit" name="COMMAND" value="Next &rsaquo;">
<input type="button" name="NOTHING" value="Skip &rsaquo;" onclick="location = 'yada-yada.asp';">

按钮行混合了提交，重置和JavaScript按钮。按钮的顺序可能会更改，但是在任何情况下，保存按钮都将保留
在上一个和下一个按钮之间。

这里的问题是，当用户点击Enter提交表单时，帖子变量“ COMMAND”包含“ Prev”；正常，因为这是表单上的第一个提交按钮。但是，我希望在用户通过Enter按钮提交表单时触发“下一步” 按钮。这有点像将其设置为默认的提交按钮，即使之前还有其他按钮也是如此。

阅读 493

2020-05-16

共1个答案

一尘不染

我的建议是不要与这种行为作斗争。您可以使用浮点数有效地更改顺序。例如：

<p id="buttons">
<input type="submit" name="next" value="Next">
<input type="submit" name="prev" value="Previous">
</p>

with:

#buttons { overflow: hidden; }
#buttons input { float: right; }

将有效地颠倒顺序，因此“下一步”按钮将是按Enter 键触发的值。

这种技术将涵盖许多情况，而不必诉诸于更老套的JavaScript方法。

2020-05-16