`
txf2004
  • 浏览: 6875079 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

 
阅读更多

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" onmouseover="this.select()" style=" width:80px;height:20px; border: 1px solid #FBAF0C;"/>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics