<form method="post" name="Form_2" action="http://提交地址">
<input type="text" name="title" /><br>
<p><input type="text" name="keyword" /></p>
<input type="image" src="添加.gif" nclick="javascript:document.forms['Form_2'].submit() />
<input type="image" src="删除.gif" onclick="javascript:document.forms['Form_2'].reset() return false" />
</form>
方法二： 用样式表形式来制做提交按钮
<style type="text/css">
<!--
#u {
background-color: #33FF33
background-image: url(../image/submit.jpg)//定义背景图片，
background-repeat: no-repeat
}
#del {
background-color: #33FF33
background-image: url(../image/del.jpg)//定义背景图片，
background-repeat: no-repeat
}
-->
</style>
</head>
<body>
<form method="post" name="Form_2" action="http://提交地址">
<input type="submit" name="u" id="u" value="添加" />
<input type="reset" name="u" id="u" value="删除" />
</form>
</body>
</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)
}
