1つのページに複数のhtmlフォームがあり、ユーザーがフォーム要素間をタブで移動している場合、発生したくないフォーム間でタブ移動する可能性があることに気付きました。
ここで使用されていないフォームに関する回答を読みました： 1つのHTMLページに複数のフォーム：タブを単一のフォームに制限する方法は？
フォーム要素をブラウザで意図的にグループ化して、タブが同じフォーム内の要素間でのみループするようにするためのより良い方法があるかどうか疑問に思っています。formタグの使用で十分だと思う人もいるかもしれませんが、これは明らかに、私たち全員が知っていて愛しているブラウザベンダーの頭を悩ませたものでした。
編集：これはデスクトップWebサイトではなくWebアプリ用です。
おそらくすでに解決策を見つけているでしょうが、それが他の人に役立つことを願っています.
同様の問題があり、TAB が影響するフィールドを制限する小さな jQueryUI プラグインを作成しました。あなたはそれを簡単に使用します：
$(".someGroup").tabGuard();
.someGroupこれにより、タブはラッパー内のフィールドを反復処理します。このようにして、ページ上のさまざまなフォームをグループ化することができ、フォーカスされているフォームは、TAB または Shift+TAB で繰り返されます。ここで見つけてください：
http://tomaszegiert.seowebsolutions.com.au/tabguard/index.htm
誰かがそれを役に立つと思うことを願っています。