html - フィールドタイプに応じて、次のフィールドへの自動タブ

Question

フィールドタイプが「ドロップダウン選択」または「ラジオボタン」の場合、カーソルが次のフォームフィールドに進まない理由については、興味深く、特別な理由を見つけることができませんでした。どちらの場合も論理的には、追加の入力はありません。

カーソルが次のフィールドに移動するように適用できる属性はありますか。

世界中で毎日いくつのフォームに記入するか、特別な理由がない場合はどれだけの時間を無駄にするかを検討してください。

Answer 1

止まる！あなたがやろうとしていることは、キーボードユーザーを壊します。実際、変更を加えると、誰かのワークフローが壊れます。

自動タブは、どのフィールドにも使用しないでください。

フィールドが自動タブになることを誰が知っていますか? 誰でもない。なんで？それは、フィールドが Web で行うことではないからです。それで、習慣からタブを押して次のフィールドに移動しましたが、どうしましたか? ああ、予期しない自動タブのおかげで、次のフィールドをタブ移動してしまいました。ここで、タブを戻すだけです。

フィールドを編集しています。フィールドにはすでに十分な数の文字があります。フィールド内の文字を上書きしたいのですが。終了する前に、自動タブで削除されます!

私はキーボード ユーザーです。上矢印と下矢印を使用して、選択またはラジオの値を変更します。これらは、値を必要な値に変更し終わっていないにもかかわらず、押すたびに onchange イベントをトリガーしています。

次のフィールドにタブで移動したいときは、自分でうまく押します。

autotab を使用しないのは非常に特別な理由があり、これは実際に時間を無駄にすることはありません (誰かが一度に数時間絶えず使用するものを開発している場合を除きます)。特別な理由は、最小の驚きの原則に従っていることです。

Answer 2

自動タブは重要かつ必要な機能です。たとえば、市外局番を入力した後、次の 3 つの数字を入力する前に Tab キーを押さなければならないのはなぜですか? ユーザー エクスペリエンスの観点からすると、これは非常に厄介です。これを実現するために、HTML5 または CSS3 に組み込まれた属性があると思います。探していたらこのスレ見つけました。誰かが更新を持っている場合は、共有してください。

Answer 3

属性 tabindex="-1" で開始

JQuery スタイル: $('.something').each(function(){ this.tabIndex = -1; });