この驚くべき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

Source: https://habr.com/ru/post/J61931/


All Articles