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（在firebug中）显示输入应该有一个悬停属性。此外，输入没有任何实际链接/提交按钮的迹象。我很难过 - 很想知道他们是怎么做到的。

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

谢谢！

Answer 1

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

类型图像的输入元素提交它们所属的表单。他们还发送用户点击的坐标。

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

Answer 2

他们没有做任何特别的事情......这是type="image"提交按钮的defaut行为。为了更接近这一点，您可以创建一个只有<input type="image" src="somthing.gif">的空HTML文档，您将看到它具有相同的行为。