如何把图片作为提交或者重置按钮?

1、提交:

用图像代替提交按钮:

  当只有一个提交按钮的时候,可以简单地实现,不用加事件函数。

  img/yi022_r3_c11.gif为你的图片地址,style为图片样式。

       代码是: <input type="image" name="login" src="img/yi022_r3_c11.gif" style="width:77;height:25;align:absmiddle"/>

用图片代替所有的表单提交按钮: 

  代替submit按钮的图片代码格式是
  <input type="image" name="..." src="..." onClick="document.formName.submit()">
    注:这里的formName是表单的name属性值。

2、重置:

用图像代替重置按钮:
         代码 :<input type="image"  src="images/chong.gif" onClick="reset" width="54" height="17">

用图片代替所有的表单重置按钮

  代替reset按钮的代码图片格式是
  <a href="javascript:document.formName.reset();"><img border=0 src="..."></a>

        注:这里的formName是表单的name属性值。

3、提交框样式改变:

       样式:style=" width:80px;height:20px; border: 1px solid #FBAF0C;"

       应用:<input name="name" type="text" id="name" size="10" οnmοuseοver="this.select()" style=" width:80px;height:20px; border: 1px solid #FBAF0C;"/>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值