|
 Courtesy
of
Web Design Mastery
Tabbing Through HTML
Forms
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.
Copyright © Shelley Lowery
About the Author:
Shelley Lowery
is a successful well-known Internet Marketer and owner of several successful
sites, including
www.Web-Source.net.
Would you like to learn how to design a web
site?
Learn at your own pace with 100's of copy and paste codes, screen shots and
examples. Get your web site up fast with over 100 professionally designed
web site templates. Visit the
Web Design Mastery
site to download your free chapters (77 pages)! |
|
|
| eTips Member Login |
 |
|
Enter your email address and password to enter the private membership
area:
Lost Password?
|
Daily News For
Webmasters
|
