使用输入作为提交按钮的html表单

Question

我一直在使用的网站有一些有趣的行为...有一个表单，但是没有提交按钮。 而是有一个输入：

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

当您将鼠标悬停在其上时，光标会变成锚定标记之类的手-但是，在萤火虫中，我看不到任何css显示输入应具有悬停属性。 此外，输入没有任何迹象表明是实际的链接/提交按钮。 我很沮丧-很想知道他们是如何做到的。

该网页是： https : //my.sa.ucsb.edu/gold/Login.aspx

谢谢！

Answer 1

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

类型为image的输入元素提交它们所属的表单。 它们还发送用户单击位置的坐标。

图像输入字段用于图形输入，包括多功能地图等

Answer 2

他们没有做任何特别的事情……这就是type="image"的Submit按钮的默认行为。 为了更近一步，您可以使用<input type="image" src="somthing.gif">创建一个空的HTML文档，您将看到它具有相同的行为。