Ok guys, I got a pickle for ya...
I've got a single HTML document with 5 overlapping div's, each one representing it's own 'page'. There's a standard navigation menu and clicking on a link takes you to the respective 'page'.
On two of these 'pages', there are HTML forms. The first form is working fine. I've set a tabindex for each input field and it works as expected. However....introduce the second form, and all hell breaks loose. If a user tab's through the 1st form and continue's tabbing, they will tab over to the next form which is a hidden 'page'.
Question is...how do I stop this?
I can set a tabindex="-1" to each of the input fields on the 2nd form so the user can't tab across to that form, however, this prevents the user from tabbing through the form as per usual when they are intentionally on that 'page'.
Is there a way to restrict the tabbing to a particular div, so that the user can tab as much as they want and it simply recycles through the input fields within that div?
Hmmmm...
I've got a single HTML document with 5 overlapping div's, each one representing it's own 'page'. There's a standard navigation menu and clicking on a link takes you to the respective 'page'.
On two of these 'pages', there are HTML forms. The first form is working fine. I've set a tabindex for each input field and it works as expected. However....introduce the second form, and all hell breaks loose. If a user tab's through the 1st form and continue's tabbing, they will tab over to the next form which is a hidden 'page'.
Question is...how do I stop this?
I can set a tabindex="-1" to each of the input fields on the 2nd form so the user can't tab across to that form, however, this prevents the user from tabbing through the form as per usual when they are intentionally on that 'page'.
Is there a way to restrict the tabbing to a particular div, so that the user can tab as much as they want and it simply recycles through the input fields within that div?
Hmmmm...
