全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

IP归属甄别会员请立即修改密码
查看: 1843|回复: 10
打印 上一主题 下一主题

[疑问] POST提交,怎么把文字改成图片式???????

[复制链接]
跳转到指定楼层
1#
发表于 2011-10-3 19:40:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
短网址程序,类似http://adf.ly/ 这样的。



这个是我用的程序的代码:

  1. <form method='POST'><input type='text' class='texts' size='50' id='url' name='url' value='http://' /><input type='submit' class='btns' name='submit' value='Shrink'> <input type='submit' name='reg' value='Join Now' class='btnreg'></form>
复制代码
怎么换成下面这种图片式的提交方式?
  1.   
  2. <div style="background-image: url(images/url_form.png); width: 461px; height: 52px;"><input type="text" id="url" name="url" style="width: 436px; height: 38px; font-size: 25px; padding: 12px 0px 0px 10px; margin: 0; border: 0; background-color: transparent; color: #989797;" onfocus="if (this.value=='http://') { this.value=''; this.style.color='#000000'; }" onblur="if (this.value=='') { this.value='http://'; this.style.color='#989797'; }" onkeypress="var char; var e=event; if (e && e.which) { e=e; char=e.which; } else { e=event; char=e.keyCode; } if (char == 13) { do_shrink(this.value); return false; } else { return true; }" value="http://" /></div>

  3. <br>

  4.     <img src="/images/shrink_button.png" width="127" height="54" alt="Shrink!" id="shrink_button" style="cursor: pointer;" onmouseover="document.getElementById('shrink_button').src = 'images/shrink_button2.png';" onmouseout="document.getElementById('shrink_button').src = 'images/shrink_button.png';" onclick="do_shrink(document.getElementById('url').value)" />
  5.      
复制代码
求上面的代码转换成下面的图片提交代码。。

[ 本帖最后由 baqfhwqqq 于 2011-10-3 20:42 编辑 ]
2#
发表于 2011-10-3 19:43:36 | 只看该作者
提示: 作者被禁止或删除 内容自动屏蔽
3#
发表于 2011-10-3 19:52:59 | 只看该作者
楼下的楼下会PHP
4#
发表于 2011-10-3 19:53:32 | 只看该作者
太长了,看得眼睛都花了
5#
发表于 2011-10-3 19:57:43 | 只看该作者
Let me see.
6#
发表于 2011-10-3 19:59:36 | 只看该作者
引用自己程序里面以前写的一段,供参考,记得改宽和高
<input type="submit" value="" style="border:none;background:url(图片地址) left top no-repeat;width:100px; height:35px;">
7#
 楼主| 发表于 2011-10-3 20:42:55 | 只看该作者
把代码弄小了,求帮助呀。
8#
发表于 2011-10-3 20:43:40 | 只看该作者
提示: 作者被禁止或删除 内容自动屏蔽
9#
发表于 2011-10-3 20:44:16 | 只看该作者
原帖由 geyunbing 于 2011-10-3 20:43 发表
shy9000 是大牛 他会
10#
发表于 2011-10-3 20:47:39 | 只看该作者
原帖由 baqfhwqqq 于 2011-10-3 19:40 发表
短网址程序,类似http://adf.ly/ 这样的。



这个是我用的程序的代码:

怎么换成下面这种图片式的提交方式?  
  


html有图片格式
     
     求上面的代码转换成下面的图片提交代码。。 ...
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2025-11-8 07:32 , Processed in 0.064223 second(s), 10 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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