HTML表单中的多个提交按钮

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

我希望这有帮助。 我只是在做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>

是否有可能将上一个按钮类型更改为如下所示的按钮:

<input type="button" name="prev" value="Previous Page" />

现在Next按钮将成为默认值,此外,您还可以向其添加default属性,以便您的浏览器像下面这样突出显示它:

<input type="submit" name="next" value="Next Page" default />

希望有所帮助。


给你的提交按钮相同的名字是这样的:

<input type="submit" name="submitButton" value="Previous Page" />
<input type="submit" name="submitButton" value="Next Page" />

当用户按下Enter并且请求转到服务器时,您可以在包含表单name/value对集合的服务器端代码中检查submitButton name/value 。 例如在传统的ASP中:

If Request.Form("submitButton") = "Previous Page" Then
    ' Code for Previous Page
ElseIf Request.Form("submitButton") = "Next Page" Then
    ' Code for Next Page
End If

参考:在一个表单上使用多个提交按钮

链接地址: http://www.djcxy.com/p/26415.html

上一篇: Multiple submit buttons in an HTML form

下一篇: Javascript Approved Number in RegExp