html form using input as a submit button

Question

A web site I've been using has some interesting behavior... There is a form, but there is no button for submission. Instead, there is an input:

<input id="ctl00_pageContent_loginButton" type="image"
  style="border-width: 0px;" alt="Login" src="images/btn_login.gif"
  name="ctl00$pageContent$loginButton"/>

and when you hover over it the cursor turns into a hand, like an anchor tag -- however I do not see any css (in firebug) showing that the input should have a hover attribute. Further, the input does not have any sign of being an actual link/submission button. I'm stumped -- would love to know how they were able to do this.

The web page is: https://my.sa.ucsb.edu/gold/Login.aspx

Thank you!

Its default behavior for Input type=image.

Vishal Seth
– Vishal Seth

2010-05-14 04:18:52 +00:00
Commented May 14, 2010 at 4:18 — Vishal Seth
– Vishal Seth, Commented May 14, 2010 at 4:18

Larry K · Accepted Answer · 2010-05-14 04:19:59Z

2

See http://webdesign.about.com/od/htmltags/p/bltags_inputimg.htm

input elements of type image submit the form that they are a part of. They also send the co-ordinates of where the user clicked.

Image input fields are used for graphic inputs including multi-function maps, etc

answered May 14, 2010 at 4:19

Larry K

49.4k15 gold badges92 silver badges148 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Cristian · Accepted Answer · 2010-05-14 04:17:21Z

0

They didn't do anything special... that's the defaut behaivor of a submit button with type="image". In order to see this closer, you can create an empty HTML document with just an <input type="image" src="somthing.gif"> and you will see it has the same behaivor.

answered May 14, 2010 at 4:17

Cristian

200k63 gold badges360 silver badges265 bronze badges

Collectives™ on Stack Overflow

html form using input as a submit button

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related