使用輸入作爲提交按鈕的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">，你會看到它具有相同的行爲。