TabIndex Attribute Example – HTML Syntax – TabIndex Example

Posted by on Saturday, December 26, 2009 · Leave a Comment 

TabIndex Attribute Example – HTML Syntax – TabIndex Example

Purpose: – Illustrates the for the .

You can download an excellent free html editor at nvu. This HTML editor will allow you to easily experiment with these examples. You can view an 8-minute video tutorial that I did at NVU HTML Editor

Function: tabindex=”number of tabposition” Tabindex allows you to specify tab position. If same tab position is specified for multiple fields, it goes from top to bottom.

Restrictions: None

View Example In Browser

< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>TabIndex Example</title>
</head>
<body>
<form>
  <table>
<!-- Row 2 -->
    <tbody>
      <tr>
        <td>
First
Name:</td>
        <td> <input tabindex="4" type="text"/></td>
      </tr>
<!-- Row 2 -->
      <tr>
        <td>
Last Name: </td>
        <td><input tabindex="3" type="text"/></td>
      </tr>
<!-- Row 3 -->
      <tr>
        <td>
Address: </td>
        <td><input tabindex="3" type="text"/></td>
      </tr>
<!-- Row 4 -->
      <tr>
        <td>
City, State and Zip Code: </td>
        <td><input tabindex="1" type="text"/>
        </td>
      </tr>
    </tbody>
  </table>
</form>
</body>
</html>

Filed under Code Samples · Tagged with , , ,