如何为提交按钮放置图像

时间:2013-08-05 18:46:59

标签: html css

我想将提交按钮更改为图像,但是我需要将其值作为我从数据库中获取的值。

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

我目前拥有它所以我必须先检查单选按钮才能点击图像女巫是提交按钮。有没有办法,所以我可以拥有图像,并且它的价值来自我从数据库中提取的内容,因此我不需要在将其发送到下一页之前检查的单选按钮?

4 个答案:

答案 0 :(得分:2)

我会使用css设置背景,然后你可以使用常规输入[type = submit]并拥有你选择的值。

HTML

<input type="submit" value="<? echo $row['ID']; ?>">

CSS

input[type=submit] {
  background:url(images/icon_edit.gif);
}

Probs需要将url更改为图像,否则应该很好! : - )

答案 1 :(得分:0)

使用CSS背景图片实现此目的

答案 2 :(得分:0)

可能是这样的

<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>

答案 3 :(得分:0)

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