Progress Monitor for IdealProgrammer.com

Take Swift, Intelligent, Massive, Planned, Loving, Effective (S.I.M.P.L.E.) Action to Transform Self into Ideal

Skip Repetitive Navigational Links

Home

News

Presenters

Contact

Please login

TabIndex Attribute Example

Description: Illustrates the HTML syntax for the tabindex attribute.

Syntax: 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.

TabIndex Attribute Example Code:

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