html - 在表格 td 标签中使用制表符

Question

我有以下代码:

<table>
  <tr>
    <td>First Name:<input type="text" name="fname" value="" /></td>
    <td>Middle Name:<input type="text" name="mname" value="" /></td>
    <td>Last Name:<input type="text" name="lname" value="" /></td>
  </tr>
  <tr>
    <td>Father Name:<input type="text" name="faname" value="" /></td>
    <td>Contact Number:<input type="text" name="num" value="" /></td>
    <td>PIN:<input type="text" name="pin" value="" /></td>
  </tr>
</table>

我的焦点在 First Name 输入字段中，我想在按下键盘选项卡时切换到 Father Name 输入字段。可能吗？

如果可能，代码应该如何改变。

Answer 1

您可以使用 tabindex html 属性:

<table>
  <tr>
    <td >First Name:<input tabindex="1" type="text" name="fname" value="" /></td>
    <td>Middle Name:<input type="text" name="mname" value="" /></td>
    <td>Last Name:<input type="text" name="lname" value="" /></td>
  </tr>
  <tr>
    <td>Father Name:<input tabindex="2" type="text" name="faname" value="" /></td>
    <td>Contact Number:<input type="text" name="num" value="" /></td>
    <td>PIN:<input type="text" name="pin" value="" /></td>
  </tr>
</table>

如图所示:

http://jsfiddle.net/cKa6t/