這里我們先來區分兩種填寫表單的方法：
第一種，用鼠標在表單項中切換。這是我們經常用的，他們會先找到需要填寫的第一項，用鼠標點上去，然后右手移到鍵盤上（我們暫且不管你的左手放在什么地方），填寫信息，接著右手移到鼠標上，點選第二項，再把右手移到鍵盤上，填寫信息……不斷重復，直到表單填寫完，最后用鼠標點擊“提交表單”按鈕。這樣做起來非常不方便，尤其是用戶體驗上。
第二種，用Tab鍵切換。在填寫表單時只在填第一項時用鼠標點選，該項填寫完成后用Tab鍵切換至下一項，最后用回車鍵送出表單。整個填寫過程中，雙手只停留在鍵盤上，不用摸鼠標。
哪種方法的效率高？大家一定都有相同的答案。
有沒有辦法修正這一點呢？答案就是使用tabindex屬性。

tabindex屬性設置按下tab鍵時的響應順序。它的值是一個數字，越小的數字響應順序越靠前，最小為1。在未設置tabindex屬性時，tab鍵將從頁面的第一個鏈接或者表單項開始切換（這里要說明一個情況，IE瀏覽器中第一次按下tab鍵時，選中的是地址欄）。
利用tabindex的這一特性，我們就可以給表單里的各項添加相應的屬性。比如一個登錄表單，第一個表單項是“用戶名”，我們就可以在這一項上添加tabindex=”1”,并依次為后面的項賦值。這樣，在訪問這個頁面時，按下tab鍵后光標就停在“用戶名”的文本輸入框上，從而完全實現了無鼠標參與的表單填寫。
此外，在某些網站的注冊頁面，部分表單項后面會跟著一個鏈接或者按鈕，用來對當前項的需要輸入的內容進行解釋或驗證。在未添加tabindex屬性的頁面，tab鍵會經過這些鏈接或按鈕。熟練的tab鍵用戶往往會在這上面犯錯誤——他們以為光標已經進入下一個文本框了，可實際卻停在一個鏈接上。最糟的情況時，他們就完全找不到光標了，從而需要重新拿起鼠標來點選下一項。使用tabindex屬性就可以很好的避免這一點。為每個表單項都添加tabindex，tab鍵就不會進入非填寫區域了。
不過我很遺憾的發現，在我訪問過的網站中，沒有一家使用tabindex屬性。

最后，我提供一段代碼供您測試tabindex屬性的作用。

<form id=”form” name=”form” method=”post” action=”">
<p><a href=”www.trade.cn”> 貿易視點網</a></p>
<p>第二項：
<label>
<input type=”text” tabindex=”2″ name=”textfield” />
</label>
</p>
<p>第一項：
<label>
<input type=”text” tabindex=”1″ name=”textfield2″ />
</label>
</p>
<p>第三項：
<label>
<input type=”text” tabindex=”3″ name=”textfield3″ />
</label>
</p>
</form>