株式会社プロネット

 

WEBシステム開発、ITコンサルティング、自社サービス、教育事業 - これからのビジネスへのIT活用ソリューションをご提案致します。

タブインデックスを一部項目のみ無効にする

2015.11.11(Wed) 20:14 | HTML | sofuku

フォームの入力項目で、tabキーでのフォーカスを無効にしたい項目があった時の指定方法です。

 

環境

IE11
FireFox
Chrome

 

tabキーでのフォーカスを無効にするには、tabIndex属性に-1(マイナス値)を指定します。

クリックでフォーカスすることは可能のまま、tabキーでのフォーカスインのみが無効になります。

通常の整数では、tabキーでのフォーカス遷移順を指定することができるtabIndex属性ですが、-1を指定することによって特定の項目を飛ばす、ということも可能です。