Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

用图片作为button按钮,让你的页面更漂亮

[复制链接]
gelongtao 发表于 2008-11-8 21:28:26 | 显示全部楼层 |阅读模式
type="submit" 的按钮总是有个烦人的方块,想了很多办法总是去不掉。我想用image替代这个方块也不行。submit不支持img。
最后找了很多方法终于找到两个有效的。

使用IMG作为Submit Button
<cfif isdefined("form.submit.x") and isdefined("form.submit.y")>
    <cfdump var="#form#">
</cfif>

<form name="test.cfm" method="post">
    <input type="text" name="txtA" value="">
    <br>
    <input type="image" src="images/img_borrower/process/continuebuttA.gif" name="submit"  align="" >
</form>

使用IMG作为Submit Button,不能使用form.submit来判断页面是否提交,只能用form.submit.x和form.submit.y来判断。反过来说,如果看见使用了form.submit.x和form.submit.y来判断页面的提交,就能确认此submit为一个IMG。(好像是废话啊,呵呵呵)

还有一种方式:

<input type="submit"  value=" " style="border:0px;cursor:hand;width:80px;background-image:url('3450038789542929712.jpg');height:20px" />  
<input type="reset"  value="" style="border:0px;cursor:hand;width:80px;background-image:url('/images/reset.gif');height:20px" />

value=" " 一定要有,而且引号内必须有空格,如果没有这个项,仍然不能提交,如果引号内没有字符,也不能提交。如果写其他字,这些字就会覆盖在我们的图片之上,很恶心。所以需要用空格空出来。
回复

使用道具 举报

yf2519 发表于 2008-11-9 15:34:54 | 显示全部楼层
演示,使用方法
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-10-26 15:54 , Processed in 0.124828 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表