Controlling the tab order in an HTML page

Posted on 1999-01-13
Medium Priority
Last Modified: 2009-07-29
How can I control the tab order in an HTML page that contains input-text and link (<A HREF="...) elements?
I do not want to use a solution like setting the focus on the "next" item using the "onBlur" event, this solution is not good for me.
I need a solution that works on Netscape 3 and 4 and Internet Explorer 3 and 4.
Question by:gy7
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
  • 2

Expert Comment

ID: 1276838
Didn't you post and delete this question recently?


Expert Comment

ID: 1276839
Tab 'steps' through the elements of the form in the order that they are defined.  In standard html that will work with version 3 browsers thesequence of the fields on the screen is going to be somewhat the same as they are defined as the elements.  So, unless you play some game like you do do not wish  to play you can not do what you want.

Author Comment

ID: 1276840
jhurst -
What is the game I don't want to play? Let ME decide if I want to play it or not.

martinag -
I posted this question before under the HTML subject, and got an answer that maybe it can be done using JavaScript. So I deleted it from there and posted it again under the JavaScript subject.

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.


Author Comment

ID: 1276841
You did not answer my question.

Expert Comment

ID: 1276842
If you don't want to use onBlur and focus() but still want it to work in NN3+, IE3+ the short answer is no.

onBlur and focus will work with all JS browsers (at least in theory - some browsers have a tendence to messblur and focus up). IE4 supports TABORDER="An integer" as an attribute to the <INPUT> tag. In NN5, IE5 it will be TABINDEX...


Accepted Solution

jhurst earned 300 total points
ID: 1276843
The 'game' that you do not want to play is the 'onBlur' or something similar.  In my own pages I use this method and it works quite nicely.  

I posted this as an answer, rather than a comment so that you can close this.  As you can see from my answers and others comments you can do what you want but not in the way that you want.  

There is one even more horrible way, this divides the screen into a number of frames and accepts the fact that the tabs go in order in each frame, then you force the sequence of the frames.  I regard this as somewhat the same as the other answer but worse since you still need to use some kludge method such as obBlur to move from frame to frame.

Wouldn't it be nice if there was an optional modifier to the <input > tag, such as <input name=first next=second  ...> but there is not.  

Now I suppose you could create your own version of a browser and implement the above, but again I assume this is not a real choice.  If you did want to do it the source of Netscape is available.

There is no other way, sadly.

Featured Post

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Having worked on larger scale sites, we found out that you are bound to look at more scalable solutions to integrating widgets, code snippets or complete applications and mesh them into functional sites, in any given composition. To share some of…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question