Submit button focus

**Mark Sreeves** · May 17th, 2002, 06:15 AM

Have a play with this code:

Code:

<HTML>
<HEAD>
</HEAD>
<BODY>

<form><INPUT name=text1><br>
<INPUT name=text2><br>
<INPUT name=text3><br>
<INPUT type='submit' value="Button 1" name=button1>
<INPUT type='submit' value="Button 2" name=button2>

</form>
</BODY>
</HTML>

When you position a cursor in one of the text boxes, button 1 gets focus although the taborder remains intact
i.e. you can still tab from text1 to text2

How can I make button 2 get focus instead?

Doing this:

Code:

<HTML>
<HEAD>
</HEAD>
<BODY>

<form name=f1><INPUT name=text1 onfocus="document.f1.button2.focus()"><br>
<INPUT name=text2 onfocus="document.f1.button2.focus()"><br>
<INPUT name=text3 onfocus="document.f1.button2.focus()"><br>
<INPUT type='submit' value="Button 1" name=button1>
<INPUT type='submit' value="Button 2" name=button2>
</form>
</BODY>
</HTML>

messes up the tab order

**punkpie_uk** · May 17th, 2002, 07:50 AM

have you tried messing with the tabindex (or is it taborder?

) attribute for the form elements? You might have some luck with it...

**Mark Sreeves** · May 20th, 2002, 03:07 AM

I tried playing with the taborder but it didn't help.

I think it's probably one of those non-standard IE features

**punkpie_uk** · May 20th, 2002, 04:34 AM

Its tabindex (just had a look

)

http://www.w3.org/TR/html4/interact/...html#h-17.11.1

Not sure really

If you change onfocus to onmousedown then when you click the element button 2 gets focus which is not what you want really.

The problem is, if another element gets focus using the onfocus event of another element then the tabbing order isnt going to work.

Code:

<HTML>
<BODY>

<form name=f1>
<INPUT name=text1 onmousedown="document.f1.button2.focus()"><br>
<INPUT name=text2 onmousedown="document.f1.button2.focus()"><br>
<INPUT name=text3 onmousedown="document.f1.button2.focus()"><br>
<INPUT type='submit' value="Button 1" name=button1>
<INPUT type='submit' value="Button 2" name=button2>
</form>
</BODY>
</HTML>

Thread: Submit button focus

Thread Tools

Display

Submit button focus

Posting Permissions