TAB導航中的黑名單元素？

Question

簡單的問題，但無法找到任何答案。我如何製作這樣一個複選框，在按住上一個元素上的標籤時沒有被選中。

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> 

JsFiddle

Basicly我想這樣的結果： 類型的東西在文本框1，按TAB鍵，並再次來到文本框2，按TAB鍵，來到文本框3，從而跳過複選框。

這可能看起來很愚蠢，但我沒有在表格中包含完整的CSS格式，格式化它有意義爲什麼要跳過它。 :)

Answer 1

有很多方法可以實現這一點。

最簡單的一個涉及到使用HTML tabindex屬性：

<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/工作示例）