faqts : Computers : Programming : Languages : JavaScript : Forms

+ Search
 Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

8 of 22 people (36%) answered Yes
Recently 2 of 10 people (20%) answered Yes

Entry

How can I define a tab order along columns?

Mar 2nd, 2000 19:39
Martin Honnen, 


If you use nested tables as in the following examples you can achieve a 
tab sequence that looks as if it followed the columns. 

<HTML>
<HEAD>
</HEAD>
<BODY>
<FORM NAME="aForm">
<TABLE>
  <TR>
    <TD>
      <TABLE>
        <TR>
          <TD>
           field 1, 1<INPUT TYPE="text" SIZE="4">
          </TD>
        </TR>
        <TR>
          <TD>
           field 2, 1<INPUT TYPE="text" SIZE="4">
          </TD>
        </TR>
        <TR>
          <TD>
           field 3, 1<INPUT TYPE="text" SIZE="4">
          </TD>
        </TR>
      </TABLE>
    </TD>
    <TD>
      <TABLE>
        <TR>
          <TD>
           field 1, 2<INPUT TYPE="text" SIZE="4">
          </TD>
        </TR>
        <TR>
          <TD>
           field 2, 2<INPUT TYPE="text" SIZE="4">
          </TD>
        </TR>
        <TR>
          <TD>
           field 3, 2<INPUT TYPE="text" SIZE="4">
          </TD>
        </TR>
      </TABLE>
    </TD>
    <TD>
      <TABLE>
        <TR>
          <TD>
           field 1, 3<INPUT TYPE="text" SIZE="4">
          </TD>
        </TR>
        <TR>
          <TD>
           field 2, 3<INPUT TYPE="text" SIZE="4">
          </TD>
        </TR>
        <TR>
          <TD>
           field 3, 3<INPUT TYPE="text" SIZE="4">
          </TD>
        </TR>
      </TABLE>
    </TD>
  </TR>
</TABLE>
</BODY>
</HTML>