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

Question

我这样写，不可以啊 提示javascript出错呢

<form id="form" name="form" method="post" action="http://www.baidu.com">

<a href="javascript:;" onclick="document.form.submit();"><img src="login_08.gif" width="50" height="35" /></a>
</form>

Answer 1

给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);

}

Answer 2

正确答案来了：

<input name="imgbtn" type="image" src="login_08.gif" width="50" height="35" border="0">

一般来说以上代码就ok了，如果不行的话就用一下代码直接指明提交到的页面：

<input name="imgbtn" type="image" src="login_08.gif" width="50" height="35" border="0" onClick="this.form.action='jszx.asp';this.form.submit()">本回答被提问者采纳

Answer 3

<form id="form" name="form1" method="post" action="http://www.baidu.com">

<a href="javascript:;" onclick="document.forms('form1').submit();"><img src="login_08.gif" width="50" height="35" /></a>
</form>

Answer 4

document.form.submit();改成document.forms["form"].submit();试试，不行的话把form的id和那么都改成frm试试，建议你不要用html标签名当做id和name。

Answer 5

图片上加点击事件
事件处理函数里去取要提交的FROM 然后submit