title: iOS Safari HTML form next/previous buttons - how do they work?
body: <p>Disclaimer: I am using JQuery Mobile.</p>
  
  <p>I have a bunch of pages with different forms on, but some of them seem to exhibit different behaviour when pressing the next/previous buttons.</p>
  
  <p><img src="https://i.stack.imgur.com/FzrPy.png" alt="The next/previous buttons on iOS7 keyboard"></p>
  
  <p>All forms are set up with tab index.</p>
  
  <p>Form 1 works perfectly, except it skips the JQuery Mobile flip switches and radio buttons, which isn't really a problem as they are a bit different.</p>
  
  <p>Form 2, the element with <code>tabindex="0"</code> has focus set to it using <code>$("#myElement").focus();</code> and then the next button is disabled, and pressing the previous button goes to the bottom of the form, i.e. the next/prev order seems to be 1, 2, 0.</p>
  
  <p>Form 3 seems to be completely erratic, this time going downwards in order but some fields seem to be setting the focus to the label first, then pressing next again causes the input field to be selected.</p>
  
  <p>Form 4 works fine, apart from the last select field seems to be ignored. Then the tabindex jumps to some anchor elements on the page before continuing to the flip switches.
  Form 5 has the same behaviour as Form 4, again the last select field in the form is ignored.</p>
  
  <p>I will continue to investigate this, and produce a fiddle, but has anyone experienced these kind of issues or has some insight into how they should work?</p>