html用图片代替提交按钮问题

给type为image的input 添加onclick事件：

<form name="RedForm" action="#" >

<input type="image" name="..." src="..." onClick="document.formName.submit()">

</form>

fromName是表单的name属性。

这段代码没有问题。复制测试是可以正常运行的。所以JavaScript出错应该是Javascript代码写错。

扩展资料：

美化提交按钮的另一个方法：

用css为按钮设置背景图片。

提交按钮的class为formsubmit：

.formsubmit{

background:url(../button.png) no-repeat bottom left

width:247px

height:60px

cursor:pointer

border:0px

}

设置鼠标经过的效果：

.formsubmit:hover{

background:url(../button_2.png)

}

方法1：

给图片加一个onclick事件，用js事件来提交就可以实现。

例：<input type="image" src="图片地址" />

方法2：

有CSS把图片设为按钮背景就可以了

例: <input name="" type="button"  style=" width:10px height:10px  border:0 background:url(图片路径) no-repeat left top" />

<a href="javascript:void(0)" style="color: #fff" onclick="logon.logon()">

<img src="./images/login/login.jpg">

</a>

这种方式就可以了

---