한 요소에서 다른 요소로 탭을 집중시키는 방법은 무엇입니까?

Question

나는 다음은 테이블 내가 jQuery를에이 작업을 수행 할

Address Line 1 -> 
Address Line 2 -> 
State -> (second column) 
Address Line 1 -> (second column) 
Address Line 2 -> (second column)State 

에서 탭 (키보드 탭) 이동하려는

<tr> 
    <td>&nbsp;</td> 
    <td valign="top"><nobr> Address Line 1 :</nobr></td> 
    <td><input type="text" name="strLine1" class="textfield" id="strLine1" onFocus="nextfield ='strLine2';" /> 
<br /><span id="strLine1Info" ></span>    
    </td> 
    <td>&nbsp;</td> 
    <td align="left" valign="top"><nobr>Address Line 1 :</nobr></td> 
    <td><input type="text" name="hstrLine1" class="textfield" id="hstrLine1" onFocus="nextfield ='hstrLine2';" /> 
    <br /><span id="hstrLine1Info" ></span>    
    </td> 
    <td>&nbsp;</td> 
</tr> 
<tr> 
    <td>&nbsp;</td> 
    <td valign="top"><nobr>Address Line 2 :</nobr></td> 
    <td><input type="text" name="strLine2" class="textfield" id="strLine2" onFocus="nextfield ='city';" /> 
    <br /><span id="strLine2Info" ></span>    
    </td> 
    <td>&nbsp;</td> 
    <td align="left" valign="top"><nobr>Address Line 2 :</nobr></td> 
    <td><input type="text" name="hstrLine2" class="textfield" id="hstrLine2" onFocus="nextfield ='hcity';" /> 
    <br /><span id="hstrLine2Info" ></span>    
    </td> 
    <td>&nbsp;</td> 
</tr> 
<tr> 
    <td>&nbsp;</td> 
    <td valign="top"> State :</td> 
    <td> 
    <input type="text" name="state" class="textfield" value="Secrete" id="state" onFocus="nextfield ='Zip';" disabled /> 
    <br /><span id="stateInfo" ></span>       </td> 
    <td>&nbsp;</td> 
    <td valign="top"> State :</td> 
    <td> 
<input type="text" name="hstate" class="textfield" value="Secrete" id="hstate" onFocus="nextfield ='hZip';" disabled /> 
<br /><span id="hstateInfo" ></span>       </td> 
    <td>&nbsp;</td> 
    </tr> 

중 하나 인 형태를 가지고있다.

Answer 1

각 요소에 대해 tabindex 속성을 차례로 사용하십시오. 첫 번째 열의 탭 색인 순서대로, 두 번째 열의 탭 색인 순서대로.

Answer 2

각 양식 요소의 tabindex 값을 순서대로 설정하지 않는 이유는 무엇입니까?