大家可能會注意到input,select,textArea等文本框都會有一個(gè)屬性tabindex，但是都沒有用過這個(gè)tabindex吧、
簡單說一下tabindex；它主要是設(shè)置頁面上使用Tab鍵改變頁面上文本框獲取焦點(diǎn)的順序。它的值為數(shù)字，1,2,3。。。
默認(rèn)進(jìn)入頁面，光標(biāo)（即焦點(diǎn)）會選中左上方第一個(gè)文本框。 

目前項(xiàng)目中遇到打開個(gè)子窗口時(shí)候，不想讓子頁面的光標(biāo)定位到默認(rèn)的文本框中，該怎么辦呢？

<input type='text' name = 'name1'/>
<select name = 'name2'><option value='1'></option></select>
<textArea name="name3" cols='2' rows='2'></textArea>

 默認(rèn)頁面光標(biāo)定位到type="text"中，如果我想讓光標(biāo)定位到select文本框上，目前有兩個(gè)方法：

 

 1、一般有人都會在該頁面的最后部分加上一個(gè)JavaScript、     

 <script langage="text/javascript">
         document.form.name2.focus();
   </script>

      但是這種方法偶爾會js報(bào)錯(cuò)："由于該控件目前不可見、未啟用或其類型不允許，因此無法將焦點(diǎn)移向"等等、經(jīng)測試，發(fā)現(xiàn)只要這個(gè)頁面打開的速度慢的時(shí)候就會報(bào)錯(cuò)。

2、接下來的方法就要使用本文所說的tabindex了、

   <input type='text' name = 'name1' tabindex='3'/>
   <select name = 'name2'><option value='1' tabindex='1'></option></select>
   <textArea name="name3" cols='2' rows='2' tabindex='2'></textArea>

如果想讓光標(biāo)定位到哪個(gè)文本框，則把該文本框的tabindex設(shè)置為1，即1的優(yōu)先級最高，依次排序即可。