TabIndex Attribute Example – HTML Syntax – TabIndex Example
TabIndex Attribute Example – HTML Syntax – TabIndex Example
Purpose: – Illustrates the HTML syntax for the tabindex attribute.
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
< !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> |
