How to avoid internet explorer first button selection?

Question

I have one form with several text fields and one button. When i enter one of the text fields, the submit button become highlighted and if i press enter while typing, the button is pressed, so i got an unexpecte behaviour because my page is submitted. Firefox doesn't act such a way.
Is there some attribute or configuration to avoid this undesired behaviour or i have to use some javascript technique?

score 4 · Accepted Answer · edited May 23 '17 at 12:00

4

Generally what I do in this situation is make the first button on the form do nothing and then hide it with CSS. Kludgy? Sure. Effective? Absolutely.

In fact, this is a duplicate of Stopping IE from highlighting the first submit-button in a form.

edited May 23 '17 at 12:00

Community

1
1

answered Jul 06 '09 at 14:58

cletus

616,129
168
910
942

I think the solution should be extended with the fact that the button should have onclick ="return false;" and also it should be hidden with width:0px. – M3rlino Jul 06 '09 at 15:22
1

What benefit is width:0px over display:none? – cletus Jul 06 '09 at 22:51

score 2 · Answer 2 · answered Jul 06 '09 at 14:59

2

You need to disable the Enter key for those input elements to prevent form submission. Take a look at this article.

answered Jul 06 '09 at 14:59

Peter

6,354
1
31
29

It could be a good solution. In my case i preferred to use cletus'solution. – M3rlino Jul 06 '09 at 15:11

score 2 · Answer 3 · edited May 23 '17 at 12:17

2

Lots of discussion about this here: How to prevent ENTER keypress to submit a web form?

edited May 23 '17 at 12:17

Community

1
1

answered Jul 06 '09 at 15:00

DanSingerman

36,066
13
81
92

How to avoid internet explorer first button selection?

3 Answers3

Linked