javascript - Disabling tab focus on form elements

Question

I have several divs within the same form. What I am trying to do is to disable the Tab key in one of the divs in the form without disabling the tab in the other divs in the same form.

Example Form:

• div1 - disable Tab
• div2 - Tab works
• div3 - Tab works

Answer 1

A simple way is to put tabindex="-1" in the field(s) you don't want to be tabbed to. Eg

<input type="text" tabindex="-1" name="f1">