给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)
}
图片代替按钮的语法<input name="按钮名字" type="按钮类型" value="按钮文字" src="图片按钮的图片url">
仅供参考
你好，html自带的select元素，是不支持option中带图片的，所有如果想实现的特殊select，必须自己编写一个功能类似select的下拉框我实现了一个简单的，你看下就会了，我用的箭头代表的三角，你直接把<img src="0.jpg">放在li中即可
<html>
<head>
<style>
ul{list-style-type:none}
li{border:solid 1pxwidth:100px}
.liShow{display:blockbackground:while}
.liHide{display:nonebackground:blue}
</style>
<script>
var nextState=1
function change(obj){
var liArray=document.getElementsByTagName("LI")
var i=1
var length=liArray.length
switch(nextState){
case 1:
obj.innerHTML="选择数量↑"
for(i<lengthi++){
liArray[i].className="liShow"
}
nextState=0
break
case 0:
obj.innerHTML="选择数量↓"
for(i<lengthi++){
liArray[i].className="liHide"
}
nextState=1
}
}
</script>
</head>
<body>
<ul id="myUl">
<li class="liMenu" onclick="change(this)">选择数量↓</li>
<li value="1" class="liHide">1</li>
<li value="1" class="liHide">2</li>
</ul>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）