最近，當我在一個網站上輸入表格資料時，我填寫了一欄，並點擊[Tab]鍵移到下一欄；當我抬頭時，我驚奇的發現遊標跳到頁面下方的另一欄中。我用滑鼠將遊標移到正確的文字欄中，但不久[Tab]鍵又再次出現問題。這情況讓我想了解頁面設計，以及tabIndex屬性如何透過鍵盤幫助導航。
透過[Tab]鍵存取元素
HTML DOM tabIndex特性允許你設定或傳回一個HTML元素的tab鍵順序。 IE
4.0最先支援此特性。起初，只有真正可透過[Tab]鍵存取的元素受到支持，如輸入欄、連結等。如今，所有的網頁瀏覽器，以及頁面上顯示的所有元素都支援此特性。在應用它之前，你可以雙擊HTML規格保證某個元素支援此特性。
tabIndex特性
應用tabIndex特性是一個簡單而直接的過程。例如，下面的HTML原始碼將tabIndex值1賦值給輸入欄，它是tab順序的第一欄：
如果最初選擇了[Tab]鍵，帶這個輸入列的網頁會將遊標移到firstName欄。
在為tabIndex特性賦值時，要留意幾個問題。以下是幾個賦值規則：帶有0值tabIndex的元素根據原始碼（或預設頁面行為）進行排序。
大於0的tabIndex值設定其tab順序。所有帶有正tabIndex值的元素出現在所有帶有0 tabIndex值的元素之前。
如果你犯了一個錯誤，把同一個tabIndex賦予給多個元素，像其它元素一樣，它們會以一個0值tabIndex進行處理。
將tabIndex賦值為-1，則在使用[Tab]鍵時，此元素被忽略。注意：如果使用-1值時，onfocus與onblur事件仍啟動。
tabIndex的值可為0至32767之間的任意數字。
列表A中的樣本HTML代碼將一個tabIndex值給予給頁面中的每一個項目。輸入列與DIV標籤包含tabIndex特性，讓使用者可以用鍵盤仔細閱讀頁面元素。 （DIV標籤並不提供與獲得焦點有關的太多信息，但我想用非輸入元素說明tabIndex的應用情況。）值為-1的按鈕被賦值，在應用[Tab]鍵時，它們即被忽略。
當輸入元素充滿（達到最大長度）時，你可以增加一小段JavaScript腳本來實現自動定位功能。這是一個基本的函數，讓我們來看看腳本如何實現其功能：
function checkLen(x,y) {
if
(y.length==x.maxLength) {
var next=x.tabIndex
if (next document.getElementById("frmTest").length)
{
document.getElementById("frmTest").elements[next-1].focus()
} }接受兩個變數。第一個變數為輸入欄，第二個變數包含該欄的值。並將欄的長度與欄的可接受最大長度進行比較。如果它們相等（即該欄是充滿的），則從欄中讀取tabIndex的值；如果該值小於最大長度，則焦點被移動下一欄中。
