ansaurus

Question

Differences between type="image" and type="submit"?

Answer 1

A:

need the src attribute that point a image url...

<input type="image" src="image_url" name="ctl00$Login1$ibLogin" />

EDIT:http://www.w3schools.com/TAGS/att_input_type.asp

defines an image as a submit button.

The src and alt attribute are required with .

Angelbit 2010-01-17 18:05:34

His question is the other way round..

BalusC 2010-01-17 18:10:48

ops, true...sorry :)

Angelbit 2010-01-18 11:21:52

Answer 2

A:

A submit button created using is rather a drab looking gray colored entity, unless you know style sheets. while By placing input type=image in place of input type=submit you can place an image in place of the default submit button. as example shown

< input type="image" src="images/submit.jpg" value="Submit" alt="Submit" >

GK 2010-01-17 18:12:30

Answer 3

A:

I suspect you'd like an asp.net page like this:

<form id="form1" runat="server" action="http://www.startupseeds.com/Default.aspx"&gt;
<div>
    <asp:TextBox ID="tbTextBox" runat="server" />
    <asp:TextBox ID="tbPassWord" runat="server" TextMode="Password" />
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</div>
</form>

However, it depends on your target site if this kind of http-post actions are allowed.

Webleeuw 2010-01-21 15:42:59

Answer 4

A:

Most likely your backend code is checking for the existence of an ibLogin.x or ibLogin.y POST parameters which are sent when you click an <input type="image"> and represent the coordinates of the click. An <input type="submit">, on the other hand, will post an ibLogin parameter.

Max Shawabkeh 2010-01-23 00:57:52

Answer 5

+2 A:

The difference is that:

<input type="image" name="ctl00$Login1$ibLogin" />

will result in two form fields: ctl00$Login1$ibLogin.x and ctl00$Login1$ibLogin.y to indicate what part of the image was clicked, although you have no image in your markup.

From 17.4.1 Control types created with INPUT of the HTML 4.01 Specification:

image

Creates a graphical submit button. The value of the src attribute specifies the URI of the image that will decorate the button. For accessibility reasons, authors should provide alternate text for the image via the alt attribute.

When a pointing device is used to click on the image, the form is submitted and the click coordinates passed to the server. The x value is measured in pixels from the left of the image, and the y value in pixels from the top of the image. The submitted data includes name.x=x-value and name.y=y-value where "name" is the value of the name attribute, and x-value and y-value are the x and y coordinate values, respectively.

cletus 2010-01-23 01:00:50

...and this fails in ASP.NET because it doesn't expect those parameter names back. To cover this, just use `input type="submit"` with a CSS background image. You also apparently don't need an image map, but *just* a button with a background image.

BalusC 2010-01-23 01:35:51

@BalusC: can't ASP.NET handle image maps? Or is there some explicit mechanism that ends up using `usemap`?

cletus 2010-01-23 01:48:37

I should have been less generic. I actually meant the code behind the form action.

BalusC 2010-01-23 02:08:03

I added two hidden inputs `ctl00$Login1$ibLogin.x` and `ctl00$Login1$ibLogin.y` and it is works now! Thank you!

TTT 2010-01-23 11:49:51

ansaurus

tags:

views:

answers:

Differences between type="image" and type="submit"?

related questions