假設您以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此功能？
3 回答
慕俠2389804
TA貢獻1719條經驗 獲得超6個贊
我希望這有幫助。我只是在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"。
婷婷同學_
TA貢獻1844條經驗 獲得超8個贊
將以前的按鈕類型更改為這樣的按鈕：
<input type="button" name="prev" value="Previous Page" />
現在，“ 下一步”按鈕將成為默認按鈕，此外，您還可以default向其中添加屬性，以便瀏覽器將其突出顯示，如下所示：
<input type="submit" name="next" value="Next Page" default />
慕桂英546537
TA貢獻1848條經驗 獲得超10個贊
為您的提交按鈕命名，如下所示：
<input type="submit" name="submitButton" value="Previous Page" />
<input type="submit" name="submitButton" value="Next Page" />
當用戶按下Enter并將請求發送到服務器時，您可以submitButton在服務器端代碼中檢查其中包含表單name/value對集合的值。例如，在ASP Classic中：
If Request.Form("submitButton") = "Previous Page" Then
' Code for the previous page
ElseIf Request.Form("submitButton") = "Next Page" Then
' Code for the next page
End If
- 3 回答
- 0 關注
- 1430 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消