使用输入作为提交按钮的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"提交按钮的默认行为。为了更接近这一点，你可以创建一个空的HTML文档，只需要一个<input type="image" src="somthing.gif">，你会看到它具有相同的行为。