Button invisible problem

[payal Jain]

hi I am making submit button invisible so as when user enters the data and press "Enter" it should submit the form.
using style="visibility:hidden;"
The problem is when the button is visible,and on pressing "Enter" it submits the form,
but when i make it invisible it dosent submits the form on pressing "Enter".

[Bear Bibeault]

Oh, I think that's the browser being too smart for its own good.

Try making the button 1 pixel by 1 pixel and white (or whatever your background color is).

[payal Jain]

Thanks it worked

[Bauke Scholtz]

Haven't seen this behaviour before.

Which web browser exactly was you using? How does the actual form look like?

[Bear Bibeault]

I know that this "problem" exists in IE -- a non-displayed submit button is non-functional. I'm not sure about other browsers, but it should be easy enough to test.

[Bauke Scholtz]

Couldn't reproduce this in IE 6.0 and 7.0. Even not with a buttonless form.

<form action="http://google.com/search">
    <input type="text" name="q" />
</form>
 
<form action="http://google.com/search">
    <input type="text" name="q" />
    <input type="submit" style="visibility:hidden;" />
</form>

Both forms works fine.

[Stoyan Stefanov]

yeah, if the purpose is just to submit the form without a submit button, simply don't put any button, like in Bauke's first example.

Alternatively, does it work for you if you hide the button with display: none, as opposed to visibility: hidden