Hi,

I would like to submit a form with an invisible submit button,

And use the 'RETURN' button on the keyboard to submit the form.

However this does not work when using multiple input fields within Internet Explorer.

PHP Code:

<?PHP
print_r ($_POST);
?>

<h1>Does NOT work in Internet Explorer:</h1>
<form action="index.php" method="post">
 <input type="text" name="naam" />
 <input type="text" name="achternaam" />
 <input type="submit" name="submit" style="visibility: hidden" />
</form>
<hr />
<form action="index.php" method="post">
 <input type="text" name="straat" />
 <input type="text" name="huisnummer" />
 <input type="submit" name="submit" style="display: none" />
</form>
<h1>Does work in Internet Explorer:</h1>
<form action="index.php" method="post">
 <input type="text" name="naam" />
 <input type="submit" name="submit" style="visibility: hidden" />
</form>
<hr />
<form action="index.php" method="post">
 <input type="text" name="straat" />
 <input type="submit" name="submit" style="display: none" />
</form>

Any suggestions would be great!

You really shouldn't do that, it flies in the face of accessibility.

I second that opinion. always have a submit button accesable by the user, much, much easier.

But is it possible, with JavaScript?

you could have an onkeydown function on the second input passing the event, which checks which key was pressed - if enter submit form

<input type="text" name="huisnummer" onKeyDown="if (window.event.keyCode==13) this.form.submit();" />

Almost there... why does it not work?!?

you can do with javascript

Please explain how...

SOLVED!

Do not name your submit button 'submit'. Internet Explorer !@#$

use a 1x1 clear graphic as the submit button.

Q...

and that's why we're glad to see ff on the rise...

you can solve it with pure CSS

#submit{ width: 0px; height: 0px; border: none; padding: 0; margin: 0; }

Originally Posted by harakternik

you can solve it with pure CSS

#submit{ width: 0px; height: 0px; border: none; padding: 0; margin: 0; }

You know, this thread is really, really old. Why did it up?
Besides, if you want to hide something you're probably better of setting "display: none;" (which will actually remove the elements from view) rather than making it very small.