HTML表单中的多个提交按钮

  • Z时代
  • 2024-01-10
  • 分类：问答

假设您以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>

优于其他建议的好处：没有JavaScript代码，无法访问，并且两个按钮都保留type="submit"。

以上是 HTML表单中的多个提交按钮 的全部内容， 来源链接： utcz.com/qa/424119.html

回到顶部