Question

I have a table with controls (e.g. textbox) in it.
If I hit the tab button I expect it to move to the next control.
I have 3 columns in the table with textboxes.
If I hit the tab button it moves to the next control to the right.

Is there a way to set that it goes through the first column vertically going down and then to the next column vertically down and finally the last column?

Answer 1

You can set the tabindex property of a form control to set the order they are tabbed through.

Here is a simple JSFiddle example

<div id='left'>
    <input type='text' tabindex=1 /><br>
    <input type='text' tabindex=2 />
</div>

<div id='right'>
    <input type='text' tabindex=3 /><br>
    <input type='text' tabindex=4 />
</div>

<div style='clear:left'></div>