Solved

Tab Order on Form

Posted on 2001-09-13
2
171 Views
Last Modified: 2010-04-09
Is there a way of specifying the tab index of input fields on a form so that you can control the tab order?

If so is this browser specific?

TIA
0
Comment
Question by:Philip Pinnell
[X]
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 Comments
 
LVL 22

Accepted Solution

by:
CJ_S earned 50 total points
ID: 6479187
<input type=text tabindex=1> etc.

It works in IE, but am not sure about netscape...

regards,
CJ
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6479212
CJ is right about tabindex.  It works for IE4+ and Netscrape 6

For cross-browser you have to use the blur event point to the next field:

<input type="text" name="field1" onblur="document.myform.field2.focus()">

it is a bit of work for a bit for.  All the fields should be named, and then you have to add the onBlur to each one.  Also more difficult to maintain.

Cd&
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Use Mid in Html 6 34
How to pass values to HTML-5 attribute dynamically? 24 62
Check input text, Number 7 54
Diff of the day 2 38
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…

739 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