Html 如何放置提交按钮的图像

我想将submit按钮更改为图像，但我需要它的值是我从数据库中获取的值

<input type="image" src="images/icon_edit.gif" >
<input name="SID" type="radio" value="<? echo $row['ID']; ?>">

使用CSS背景图像来实现这一点
我将使用CSS设置背景，然后您可以使用常规输入[type=submit]，并拥有您选择的值

HTML

Probs需要更改图像的url，否则就可以了！：-）
 可能是这样的

<script type="text/javascript">
$(function() {
    $("#imgSubmitButton").click(function () {
        $("#formName").submit();
    });
}); 
</script>

<form id="formName" name="formName" action="xxx.php" method="post">
    <img src="icon_edit.gif" id="imgSubmitButton" style="cursor:pointer">
    <input name="SID" type="radio" value="<? echo $row['ID']; ?>">
</form>


$（函数（）{
$（“#imgSubmitButton”）。单击（函数（）{
$（“#formName”）.submit（）；
});
}); 

code中的提交按钮在哪里？@FakhruddinUjjainwala每当我单击图像时，它就充当提交按钮，因此您需要什么？将图像转换为按钮的代码在哪里？引用原始问题“我想将提交按钮更改为图像”，该问题没有得到很好的解释…您应该在回答之前澄清该问题。是的，但是这里使用的逻辑可以应用于任意数量的html元素。@Cesarg219不更改它是什么意思？您需要更改图像的路径，因为该路径现在是相对于CSS的位置的，而不是您的php页面代码，因此不建议仅回答。请解释你的答案。
input[type=submit] {
  background:url(images/icon_edit.gif);
}

<script type="text/javascript">
$(function() {
    $("#imgSubmitButton").click(function () {
        $("#formName").submit();
    });
}); 
</script>

<form id="formName" name="formName" action="xxx.php" method="post">
    <img src="icon_edit.gif" id="imgSubmitButton" style="cursor:pointer">
    <input name="SID" type="radio" value="<? echo $row['ID']; ?>">
</form>

<button type="submit">
<img src="xyz.png" width="50" height="50">
</button>