Clever Geek Handbook

Form tabbing skips <button>

Is there a reason Firefox and Safari (on my Mac) skip an element when I place between fields on this form?

<form> <input type = "text" name = "tags" id = "tags" tabindex = 1 /> <button id = "launch" tabindex = 2> do it! </button> <textarea name = "comment" id = "comment" tabindex = 3> </textarea> </ form>

I didn't need to type tabindex, but even with it, it skips the button. I've seen the documentation that button elements must accept tabindex.

thank

+2


source to share


2 answers


This worked for me in Chrome on Linux, so it might not be a problem with your HTML.



Guess: Mac OS does not by default make buttons focus with Tab - just text boxes and lists. Maybe Firefox and Safari just respect this setting. You can change it in System Preferences .

0


source


Mac OSX allows you to actually activate tabs manually on non-text input elements at the OS level.

to enable full Windows style keyboard access:

On OS X ~ 10.6



  • Open System Preferences
  • Go to the "Keyboard and Mouse" section
  • Select all controls to access the full keyboard.

On OS X 10.9

  • Open System Preferences
  • Go to the "Keyboard" section
  • Click the Shortcuts tab.
  • Select all controls to access the full keyboard.
+2


source






More articles:


All Articles