tabindex'i sadece HTML formundaki bazı alanlarda kullanmak için bir yol var mı?

Question

Takımın raporlarını depolamak için 8 karmaşık formlar (70 + alanları) bir dizi var. Formun bir bölümü, bir tablo 4 sütun genişliğinde ve 2 yüksek (takım adı ve soyadı üstünde ilk ad) takım üyesi isimleri vardır. Bir kullanıcı formu doldurduğu zaman sekme tuşu ilk isimlerin arasında götüren ve sonra onlar kaynağı (bir TR ilk isimler ve sonraki TR soyadları) bulunmaktadır emir çünkü soyadlarını gider. Tabii ki, tab anahtarının ilk adından soya, sonra da bir sonraki adıma geçmesi daha kolay olurdu. sadece bu yüzden bu 4 alanları düzeltin,

ben tabindex düzeltebilirim biliyorum ama gerçekten tüm 500+ alanları TabIndex zorunda kalmak istemiyoruz.

Bir formun sadece bir kısmını Tabındex bazı yolu var mı? Denedim ama diğer alanlara gitmeyecek. Zeki bir JS çözümü var mı? veya bu alanları gruplandırmanın bir yolu, böylece varsayılan sekme beni gruba götürürdü, ve sonra oradaki tabindex'i kullanabilir miyim?

İstersen beni tembel Çağrı .. ama kendimi kesip yapıştırarak ve hata yapma uzun saatler kurtarmaya çalışıyorum.

Şerefe!

Answer 1

Yapacağınız en iyi şey, tüm girdilerinizi ad girdisinden önce aynı tabIndex'den önce girmektir, bu, ilk ad girişinden 1 daha küçüktür, ve daha sonra tüm girdiler, ad girdilerinden sonra aynı tabIndex sonra verilir. soyadı girişinden 1 daha yüksektir. Hala her girişe bir tabIndex eklemek için ama en azından çok kontrollü ve hatasız sonuçlanması gerekiyor gerektirecektir http://jsfiddle.net/9ffWs/

:

<input type="text" tabIndex="1"><br> 
<input type="text" tabIndex="1"><br> 
... 
<table> 
    <tr> 
     <td><input type="text" tabIndex="2"></td> 
     <td><input type="text" tabIndex="4"></td> 
     <td><input type="text" tabIndex="6"></td> 
     <td><input type="text" tabIndex="8"></td> 
    </tr> 
    <tr> 
     <td><input type="text" tabIndex="3"></td> 
     <td><input type="text" tabIndex="5"></td> 
     <td><input type="text" tabIndex="7"></td> 
     <td><input type="text" tabIndex="9"></td> 
    </tr> 
</table> 
<input type="text" tabIndex="10"><br> 
<input type="text" tabIndex="10"><br> 
... 

Bunun için ne gidiyorsun olduğunu düşünüyorum.