Home >> Forms >> <INPUT ...>

<INPUT ACCESSKEY="...">

<INPUT LANGUAGE="...">

Attribute for <INPUT ...>
TABINDEX = integer

Please note: TABINDEX is supported by MSIE 4.x and higher and Netscape 6.

Normally, when the user tabs from field to field in a form (in a browser that allows tabbing, not all browsers do) the order is the order the fields appear in the HTML code.

However, sometimes you want the tab order to flow a little differently. In that case, you can number the fields using TABINDEX. The tabs then flow in order from lowest TABINDEX to highest.

This code:

<FORM ACTION="../cgi-bin/mycgi.pl" METHOD=POST>
<TABLE BORDER CELLPADDING=3 CELLSPACING=5 BGCOLOR="#FFFFCC">
<TR>
     <TD>name: <INPUT NAME="realname" TABINDEX=1></TD>
     <TD ROWSPAN=3>comments<BR>
     <TEXTAREA COLS=25 ROWS=5 TABINDEX=4></TEXTAREA></TD></TR>
<TR> <TD>email: <INPUT NAME="email" TABINDEX=2></TD></TR>
<TR> <TD>department: <SELECT NAME="dep" TABINDEX=3>
     <OPTION VALUE="">...
     <OPTION VALUE="mkt">Marketing
     <OPTION VALUE="fin">Finance
     <OPTION VALUE="dev">Development
     <OPTION VALUE="prd">Production</SELECT></TD></TR>
</TABLE>
</FORM>

produces this form:

name:	comments
email:
department: ... Marketing Finance Development Production

TABINDEX can also be used with <A ...>, <TEXTAREA ...>, <SELECT ...>, and <BUTTON ...>.

<INPUT ACCESSKEY="...">

<INPUT LANGUAGE="...">