Tab to move through form

I have a web page with a fill-out form on it. How do I control the order in which the Tab button will take a user through the fields.  I need this to work on both Netscape and IE.
leesaltAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
staynegativeConnect With a Mentor Commented:
Well.  From experience I believe this holds true...
If you put a table around your form... such that each value is in its own td

such as
<TABLE>
<TR>
<TD>your name:</TD>
<TD><INPUT TYPE=TEXT...></TD>
</TR>
<TD>your email:</TD>
<TD><INPUT TYPE=TEXT...></TD>
</TR>
</TABLE>

I am pretty sure it will move across as such:
1st row 1st column, 1st row 2nd column, 2nd row 1st column...

the only hitch is - if you have a link on 'your name' it will stop there as well on Netscape 4+

But this appears to hold true.  Even if you have several, like a first & last name box separate
<TD><INPUT TYPE=TEXT..><INPUT TYPE=TEXT..></TD>

Try it out.
0
 
leesaltAuthor Commented:
Edited text of question
0
 
martinagCommented:
This question has been asked just recently. I think it was deleted because it was impossible.

However, I *think* there is a TABINDEX attribute coming in the version 5 browsers.

One solution is to listen for the tab key (possible in IE4, NN4) and desice what field to jump to. You want me to write such a script?

Martin
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
twexpertsCommented:
I sure you could do it with some wicked JS. If the current field looses focus, set a flag somewhere which waits for about 0.1 second to see if the user clicked somewhere, if no click was detected then set focus too the next field that you want the user to 'tab' too.
Just a thought ;)
Robin.

0
 
mouattsCommented:
A collegue undertook some significant research into the Javascript approach to this problem and discover that it was possible to do it in both v4 browsers but not with the same code.

I have also seen TABINDEX used in a site developed for IE4 I have to confess I don't know if it actually worked. The people who created this site are a major R&D establishment so they may know something that is generally unknown!

Steve
0
 
mouattsCommented:
I missed martins comment and he may be able to do something I seem to recall my collegues problem related to the tracking of the tab in a frames environment.

By the way Robins approach may work but it assumes that focus has been lost because the user has clicked within the browser. But the focus will move if another application is selected as well.

Steve
0
 
Michel021497Commented:
You can use the FIELDSET attribute to take control of the tabstops.
For more information take a look at
http://utopia.knoware.nl/users/schluter/doc/tags/index.html
Go to FORM(form) and then click FIELDSET
0
 
leesaltAuthor Commented:
Michel,
FIELDSET isn't working.  Possibly because I'm using nested tables and frames?  I checked out the web page you mentioned - it's very good, but it doesn't cover my specific situation with the form.  I've tried including the FIELDSET command with every nested table, but no luck (this was after trying it on the major tables first).

Mouatts,
TABINDEX does work with IE4, but not with Netscape.
0
 
leesaltAuthor Commented:
Tried FIELDSET but it didn't work.  Possibly because I'm using nested tables and frames?  I checked out the web page Michel mentioned - it's very good, but it doesn't cover my specific situation with the form.  I've tried including the FIELDSET command with every nested table, but no luck (this was after trying it on the major tables first).   TABINDEX works fairly well (nested tables bypassed) with IE but not at all with Netscape.
0
 
martinagCommented:
Try TABORDER="anInteger"
It's IE4-specific and will be changed to TABINDEX in future releases.

Martin
0
All Courses

From novice to tech pro — start learning today.