この驚くべきtabindex

多くのWeb開発者は、Tabキーを押したときにフィールド間の遷移の順序を決定するtabindexパラメーターを忘れるか、まったく使用しません。 したがって、あるフィールドから別のフィールドに移動すると、さらにいくつかの要素がクリックされ、遅かれ早かれユーザーの神経細胞を破壊し始めます。



画像







解決策は簡単です。

< form >

< input type ="text" name ="login" tabindex ="1" >



< a href ="/remind/" > ? </ a >



< input type ="password" name ="password" tabindex ="2" >

< input type ="submit" >

</ form >




* This source code was highlighted with Source Code Highlighter .






番号1が最初にフォーカスを取得し、番号2が次に移動します。 tabindexパラメータにはタグを含めることができます
< BUTTON > , < INPUT > , < SELECT > , < TEXTAREA >











UPD: alemiksはtabindexがまだ持つことができることを示唆しています:A、AREAおよびOBJECT



All Articles