Question

如何创建能提交表单的鼠标经过图像

鼠标经过变换图像代码如下
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','pic/222.PNG',1)"><img src="pic/111.PNG" name="Image" width="144" height="33" border="0" id="Image2" /></a>

图片提交表单代码如下

<input type="image" name="Submit" src="/pic/111.PNG" onClick="document.form1.submit()return false"/>

如何将2者整合起来，使图片能够达到鼠标悬浮在上面时图片111变成图片222，并且点击以后还能提交表单？
并且不要有因为是用图片来提交的，导致表单被重复的不良影响 、或者可以采用img方式提交而不用input 这样可以避免重复提交，代码如下
<img src="/pic/1111.PNG" onClick="document.form1.submit()return false"/>

Answer 1

<img src="/pic/1111.PNG" onClick="document.form1.submit()return false"/>
你的这种方式已经可以实现提交了，如果要防止重复提交，在服务端可以下点功夫或者点击后用js控制，把这个img对象的onclick事件取消