Menu
I'm using Boostrap on a simple sign-up form and I'd like to setup the order of the tabbing order. It currently skips the "Sign up" button.
I did added tabindex="1" for each input field (e.g. 2, 3, etc.), including the submit button, but it doesn't works.
Here's a jsFiddle.
It seems to work in Opera, but not in Safari or Chrome. Any work-arounds?
UPDATE: Works in Chrome, Opera, but not Safari.
530
Change the tab order for controls Use the following procedure to change the tab order of the controls. In the Navigation Pane, right-click the form and then click Design View. On the Design tab, in the Tools group, click Tab Order. In the Tab Order dialog box, under Section, click the section you want to change.
The tab order is the order or sequence in which the controls will be given focus when you use tab key. Pressing the tab key when a userform is displayed wll shift the focus from one control to another.
When a form is first created, the order of the fields determines the initial tab order. Even when you reposition the fields on a form, the form's tab order remains the same. In Design View, click the Tab Order button on the ribbon.
To change the tab order inside an edit form, select the input controls inside the data-cards and not the data-cards. When you select a input, there is a property called "Tab Index", here you can pass the values in the order 1,2,3,4,5 and so on. Based on the entered value, tab will work.
There is nothing wrong with your code. I would expect that to work in all browsers. However...
The prevention of this seems to be a "feature" in Safari. You have to enable tabbing to anything other than text inputs. Here's a screenshot from my Safari 5 preferences window:
If I check that box, your fiddle works fine. It also seems to work if I press alt + tab (on Mac... not sure about Windows since alt + tab would switch to another window).
185
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
