0

简单的问题，但在任何地方都找不到任何答案。如何在前一个元素上按下制表符时不会选中复选框。

HTML：

<table>
    <tr>
        <td>
            <input type='textbox' placeholder='1' />
        </td>
    </tr>
    <tr>
        <td>
            <input type='textbox' placeholder='2' />
        </td>
    </tr>
    <tr>
        <td>
            <input type='checkbox' />
        </td>
    </tr>
    <tr>
        <td>
            <input type='text' placeholder='3' />
        </td>
    </tr>
</table>

提琴手

基本上我想要这个结果：在文本框 1 中输入内容，按 TAB 进入文本框 2，再次按 TAB 进入文本框 3，从而跳过复选框。

这可能看起来很愚蠢，但我没有在表单中包含完整的 CSS 格式，因为格式是有道理的，为什么要跳过它。:)

4

1 回答 1

1

有很多方法可以实现这一目标。

最简单的一种涉及使用 HTMLtabindex属性：

<table>
    <tr>
        <td>
            <input type="text" tabindex="1" placeholder="1" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" tabindex="2" placeholder="2" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" tabindex="0" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" placeholder="3" tabindex="2" />
        </td>
    </tr>
</table>

请注意，该复选框仍然是可聚焦的；但是您必须先“浏览”所有其他元素，然后才能使用它。

（参见http://jsfiddle.net/URKkp/的工作示例）

于 2013-06-26T16:44:59.960 回答