image - 图像作为提交按钮

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 不是必需的，因为图像按钮已经提交了表单。

<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;"/>