Tabbing Through HTML Web Page Form Input Boxes
|
You can enable your visitors to
tab through your form fields. To view this example, place your cursor
inside the Name text box and press your tab key on your keyboard.
You can tab through each text box.
<FORM
METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" name="name" size="20" maxlength="30"
tabindex="1">
<INPUT type="text" name="address" size="20" maxlength="30"
tabindex="2">
<INPUT type="text" name="email" size="20" maxlength="30"
tabindex="3">
<INPUT type="text" name="url" size="20" maxlength="30"
tabindex="4">
<INPUT type="Submit" VALUE="Submit">
</FORM> |
The "tabindex"
value determines the order in which you will tab through the text boxes.
If you would like the tab order to skip a certain area, such as check boxes
and radio buttons, simply use a negative value beginning with "-1" then
"-2" and so on. Each negative value will be bypassed when tabbing through
your form.
By using this HTML code, you will make navigating through your HTML web page
forms much easier on your visitors.
More Web Design
Tips |
