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

时间:2014-04-18 18:50:56

标签: javascript html

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

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

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

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

2 个答案:

答案 0 :(得分:3)

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

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

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

答案 1 :(得分: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