全球主机交流论坛

标题: POST提交，怎么把文字改成图片式？？？？？？？ [打印本页]
作者: baqfhwqqq    时间: 2011-10-3 19:40
标题: POST提交，怎么把文字改成图片式？？？？？？？
短网址程序，类似http://adf.ly/ 这样的。



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

  2. <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>

  4. <br>

  6.     <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)" />
  7.      
复制代码
求上面的代码转换成下面的图片提交代码。。

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



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

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


html有图片格式
     
     求上面的代码转换成下面的图片提交代码。。 ...
作者: 有个就好    时间: 2011-10-3 21:25
看的眼花了



欢迎光临 全球主机交流论坛 (https://443502.xyz/) Powered by Discuz! X3.4