The tabindex Attribute
The tabindex attribute controls the order in which the tab key moves the focus through the HTML page.
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
<form>
<label>Name: <input type="text" name="name" tabindex="1" /></label>
<p />
<label>City: <input type="text" name="city" tabindex="-1" /></label>
</p>
<label>Country: <input type="text" name="country" tabindex="2" /></label>
</p>
<input type="submit" tabindex="3" />
</form>
</body>
</html>
An element with tabindex value of 1 is selected first. When pressing the Tab key, the element with a tabindex of 2 will be selected. A tabindex value of -1 ensures that an element will not be selected when the user presses the Tab key.
Home
HTML CSS Book
HTML
HTML CSS Book
HTML
HTML5 Global Attributes:
- The accesskey Attribute
- The class Attribute
- The contenteditable Attribute
- The contextmenu Attribute
- The dir Attribute
- The draggable Attribute
- The dropzone Attribute
- The hidden Attribute
- The id Attribute
- The lang Attribute
- The spellcheck Attribute
- The style Attribute
- The tabindex Attribute
- The title Attribute
Related: