I am working on an HTML form that has 4 buttons: Not Me (to signify that the information returned at the top of the form is not correct), then there are additional fields and three more buttons at the bottom of the form: Clear, Cancel and Submit.
Looks like
Greg Norman
44 This Lane
Someplace, NN 00000
[NOT ME]
Comments [ ]
Donation [ ]
CC Number [ ]
[CLEAR] [CANCEL] [SUBMIT]
I want to place the cursor in the first field, which I can do with javascript (document.getElementById('1').focus()), but when I do the NOT ME button highlights as the button in focus.
If any button has to retain focus, I want it to be the SUBMIT button, not the first button on the page. However, if I control the cursor and insert it into the first field, I can't seem to get control of the button independently. I have tried many things, including assigning ID, tab order, and even creating the buttons with javascript separately, but the browser seems to demand focus on that first button even when I remove the focus from the button before placing the cursor:
window.document.focus
document.getElementById('1').focus()
I can easily control the focus of the buttons using focus(), but then do not have the cursor inserted in the first field. I'm greedy...I'd like both.
Is there a separate commend by which I can control the focus of the buttons ?
Is there a way to set focus on two items at the same time (i.e., the correct button and the entry field)?
I am using CSS and feildsets to define a custom look for the forms, but I assume that really doesn't make a difference.
ANY IDEAS?
Thanks
