input type= image vs. submit

[Zamees]

It appears when i set the input type to submit, the code works fine, but when i change it to image, just reloads the same page without submitting the info. how come?

<form method=post action="<%= Request.ServerVariables("SCRIPT_NAME") %>" name=login>

<input TYPE="submit" Name="action" value="login" src=login.jpg TABINDEX=3></td>      *GOOD*

<input TYPE="image" Name="action" value="login" src=login.jpg TABINDEX=3></td>     *NO GOOD*
            </form>

[HTML]

I see no reason why it does not work, do you have a page that I can look at?

Dave

[QuietDean]

The problem is 'probably' in the code that the form is submitted to, not the code itself. Try making the 'name' if the image input the same as the 'name' of the submit button.

[TurtleMan]

Originally Posted by QuietDean

The problem is 'probably' in the code that the form is submitted to, not the code itself. Try making the 'name' if the image input the same as the 'name' of the submit button.

<B>Works:</B>
<INPUT type=submit name=add value=\"Add User\">

<B>Does not work:</B>
<INPUT TYPE=image name=add SRC=images/buttons/add.jpg ALT=add VALUE=add>

The form is submitting to itself and I have PHP that reads through the submitted data:
if ( $this->rdata['add'] )
$this->add_user_form();


Once again, the submit button works fine, the image button does submit the 'name' to the form. Help?

Thanks!

[TurtleMan]

ok, I found out what was going on.

When it's just the submit button named add... it submits to the form with the value "add"....

When it's the image... it submits to the form with the value "add_x". There is also a value for "add_y" which these values correspond to the x and y position of the mouse where you click on the picture.

cheers

[sbl]

Dear Zamees, You can use inline css here just like that...

<form method=post action="<%= Request.ServerVariables("SCRIPT_NAME") %>" name=login>

<input TYPE="submit" Name="action" value="login" src=login.jpg TABINDEX=3></td>      *GOOD*

<input TYPE="submit" Name="action" value="login" style="background:url(login.jpg); width:30px; height:30px;" TABINDEX=3></td>     *ALSO GOOD*
            </form>