Your Guide to Professional
Web Site Design and Development

HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

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">

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