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