<input type="image">标签引发的form表单自动提交

问题

今天遇到一个问题，在form表单中使用了两个<input type="image">标签，form表单会自动提交：
<form id="addNode" action="a.jsp" method="get">
    <div id="tButtonArea">
        <input id="button1" src="<%=cp%>/images/button/button1.gif" type="image"/>
        <input id="button2" src="<%=cp%>/images/button/button2.gif" " type="image" onclick="closeShadeLayer();return false;"/>
    </div>
</form>

点击button1,按钮会自动提交。
点击button2,按钮则不会自动提交。

解决方案

1. 直接去掉在form表单中的<input type="image">标签。

2. 在<input>标签中添加onclick在事件结束后添加return false；语句如下:

<input id="button2" src="<%=cp%>/images/button/button2.gif" " type="image" onclick="closeShadeLayer();return false;"/>

博主亲测有效。