Layout & Tab Order

Using the tab key, click until you enter the first form field. Then, continue hitting the tab key. You'll see how tabindex affects the layout order.

Here is the code for how this was achieved using form fields. Note this is not an accessible form.

<form>
<p><input type="TEXT" value="Number One" tabindex="1" /></p>
<p><input type="TEXT" value="Number Three" tabindex="3" /></p>
<p><input type="TEXT" value="Number Five" tabindex="5" /></p>
<p><input type="TEXT" value="Number Six" tabindex="6" /></p>
<p><input type="TEXT" value="Number Four" tabindex="4" /></p>
<p><input type="TEXT" value="Number Two" tabindex="2" /></p>
</form>