Computer >> Computer tutorials >  >> Programming >> Javascript

How to create the tabbing order of an element in HTML?


Use the tabindex attribute in HTML to set the tab order of an element. It gives you the authority to change the order of your TAB usage on the keyboard.

Example

You can try to run the following code to create tabbing order of an element in HTML −

<!DOCTYPE html>
<html>
   <body>
      <a href="https://www.tutorialspoint.com/current_affairs/index.htm" tabindex="1">Current Affairs</a><br>
      <a href="https://www.tutorialspoint.com/codingground.htm" tabindex="2">Coding Ground</a><br>
      <a href="https://www.tutorialspoint.com/verbal_ability/index.htm" tabindex="4">Verbal Ability</a><br>
      <a href="https://www.tutorialspoint.com/quantitative_aptitude/index.htm" tabindex="3">Quantitative Aptitude</a><br>
     
      <p>We have changed the tab order above. Use TAB on keyboard to view the changes.</p>
   </body>
</html>