假设您以HTML表单创建向导。一键向后退,一键向前。当您按下时,由于 后退 按钮首先出现在标记中Enter,它将使用该按钮提交表单。
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此功能?
tabindex
我希望这有帮助。我只是在float按右边的按钮。
float
这样,Prev按钮位于按钮的左侧Next,但Next在HTML结构中排在第一位:
Prev
Next
.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"。
type="submit"