Comments on: Submit Form on Enter Key

By: technimad

technimad — Tue, 05 Aug 2008 13:51:30 +0000

Cool, thanks for sharing, this works really well for accessible websites. Create a funky submit button which does a javascript submit, and hide the normal submitbutton with this technique!

I’ve been using the style
[code]width: 0px; height: 0px; position: absolute; left: -500px; top: -500px;[\code]
to move the submitbutton completely offscreen (Safari still showed a dot). Works great in IE6 aswell.

By: James

James — Thu, 31 Jul 2008 09:37:19 +0000

Thanks, been wondering about this for a while and finally got round to fixing it.

By: Jonny

Jonny — Tue, 17 Jun 2008 21:44:38 +0000

This worked best in Safari, Opera, Firefox and IE:

style=”width: 0px; height: 0px; position: absolute; left: -50px; top: -50px;”

Absolute positioning became necessary because the button was still visible in Firefox and Safari and in particular Safari completely crashed when clicking the button having an empty value attribute.

By: Jonny

Jonny — Tue, 17 Jun 2008 21:39:39 +0000

Nope, just tried it, doesn’t work in IE 7

By: Jonny

Jonny — Tue, 17 Jun 2008 21:29:51 +0000

So then try “visiblity: hidden”, although that will leave an ugly block of whitespace in the way.

By: Grzegorz

Grzegorz — Tue, 27 May 2008 21:28:34 +0000

It seems, that if you write:
style=”display:none”
instead of:
style=”width:0px;height:0px;border:none”,
our favourite IE will ignore the input tag and enter key will not work.

By: Form not submitting on enter key with multiple form fields : Heck Of A World

Form not submitting on enter key with multiple form fields : Heck Of A World — Tue, 05 Feb 2008 02:17:26 +0000

[...] So this is one of those really stupid things that was virtually impossible to find on google. One permutation was the golden child and brought me to this wonderful blog post. [...]

By: Paradox

Paradox — Tue, 15 Jan 2008 23:15:13 +0000

Never mind, instead of using: style=”width:0px;height:0px;border:none” you can use style=”display:none”