How to make an item not iterable by pressing tab

Question

I would like to make specific objects on a web page NOT iterable when a user presses tab. To be more specific I have a web page with text input boxes and check boxes, if a user presses 'tab' I want the web browser to iterate through the text input boxes but skip over the check boxes.

But in a general sense which objects can the web browser 'tab' through? How is this set/controlled?

Sounds like you're removing useful functionality, but if you really want to do that, look at using the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) attribute — freefaller, Jul 18 '19 at 15:59
this isn´t a good practice, since the tab is used by blind users — Mateus Martins, Jul 18 '19 at 16:00

score 0 · Answer 1 · answered Jul 18 '19 at 16:07

You can use attribute tabIndex = "-1" inside your HTML element

<input />
<p>This bunch of checkboxes will be skipped on Tab</p>
<input tabIndex="-1"  type="checkbox" name="vehicle1" value="Bike"> I have a bike<br>
<input tabIndex="-1"  type="checkbox" name="vehicle2" value="Car"> I have a car<br>
<input tabIndex="-1"  type="checkbox" name="vehicle3" value="Boat"> I have a boat<br>
<input />

How to make an item not iterable by pressing tab

1 Answers1