HTML5 > Structures

Tabindex in HTML5

How to arrange navigation links using tab index


Tab index 

Tabindex is used to re-arrange the navigation of the page on press of tab key on the keyboard. 

 <h2>Tab index is used to arrange navigation links of tab button </h2>
    <a href="http://www.techfunda.com/" tabindex="2">TechFunda</a><br>
    <a href="http://www.dotnetfunda.com/" tabindex="3">DotNetFunda</a><br>
    <a href="http://www.itfunda.com/" tabindex="1">ITFunda</a>

In the above code snippet we defined tabindex, it is used to arrange the navigation links of tab button, we have tab index as 1 itfunda, 2 as techfunda amd 3 as dotnetfunda, it defines as when we press on the tab key of the keyboard while on the page it goes to the itfunda, next to techfunda and then to dotnetfunda.

output

     

 Views: 575 | Post Order: 86



Write for us