Question

出于审美原因，我有一个看起来像这样的表格：

<-------input1--------> <--submit-->

<------------input2---------------->

当用户在input1上并按下＆＃39; tab＆＃39;他们应该转到input2，当他们在input2上并按下shift + tab＆＃39;他们应该去输入1，同时能够按Enter键提交表格。反正有没有让这项工作？

Answer 1

您需要将元素的tabindex属性修改为您想要的顺序。

<input tabindex="3"> <input tabindex="1"> <input tabindex="2">

快速演示：http://jsbin.com/cobecure/1

Answer 2

给他们tabIndex，具有最高tabIndex的元素将最后获得焦点。这意味着您的表单元素提交的tabindex值应大于输入元素的tabIndex值。

<h1 tabindex="-1" >Form</h1>
    <form action="">
      <input type="text" tabindex="1">
      <input type="text"  tabindex="3">
      <input type="submit"  tabindex="2">

  </form>

<强> http://jsbin.com/reqin/2/edit

如何在表格中跳过表格时跳过输入？

2 个答案: