
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的<input>标签中加入样式代码:style="background: url(small.png)width:200pxheight:80px"。
3、浏览器运行index.html页面,此时显示出了一个submit提交类型的图片按钮。
给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)
}
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)