如何把图片作为提交或者重置按钮？

1、提交:

用图像代替提交按钮：

　　当只有一个提交按钮的时候，可以简单地实现，不用加事件函数。

　　img/yi022_r3_c11.gif为你的图片地址，style为图片样式。

代码是： <input type="image" name="login" src="img/yi022_r3_c11.gif" style="width:77;height:25;align:absmiddle"/>

用图片代替所有的表单提交按钮：

　　代替submit按钮的图片代码格式是

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

　　　　注：这里的formName是表单的name属性值。

2、重置：

用图像代替重置按钮：

代码 ：<input type="image" src="images/chong.gif" onClick="reset" width="54" height="17">

用图片代替所有的表单重置按钮

　　代替reset按钮的代码图片格式是

　　<a href="javascript:document.formName.reset();"><img border=0 src="..."></a>

注：这里的formName是表单的name属性值。

3、提交框样式改变：

样式：style=" width:80px;height:20px; border: 1px solid #FBAF0C;"

应用：<input name="name" type="text" id="name" size="10" onmouseover="this.select()" style=" width:80px;height:20px; border: 1px solid #FBAF0C;"/>