圖像提交按鈕

Question

我有一個簡單的表單提交按鈕。我想使用提交按鈕使用類似的圖像，

<INPUT TYPE="image" SRC="images/submit.gif" HEIGHT="30" WIDTH="173" BORDER="0" ALT="Submit Form"> 

如何使用圖像作爲提交按鈕？那麼我想改變jQuery的初始化？

<form action='#' id='freeForm' method='post' autocomplete="off"> 
<a> 
<input style='border: none' type='submit' value='Submit' /> 
</a> 
</form> 

jQuery的

$("#freeForm").submit(function() 
    { 
    }); 

謝謝！

Answer 1

jQuery不是必需的，作爲圖像按鈕already submits a form。

<form> 
    <input type="image" src="foo.png" /> 
</form> 

小提琴：http://jsfiddle.net/jonathansampson/AkR95/

Answer 2

ü可以做一些這樣的事

$("#image").onclick(function() 
    { 
$("#freeForm").submit(); 
    }); 

#image是包含圖像元素的ID。

Answer 3

嘗試這一個：

<input type="submit" value="Enter" name="submit" style="background:url('/imgBG.jpg') no-repeat;width:100;height:50;border:none;"/>