POST提交，怎么把文字改成图片式？？？？？？？

baqfhwqqq

短网址程序，类似http://adf.ly/ 这样的。



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

1. 
   
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>
   
3. 
   
4. <br>
   
5. 
   
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 编辑 ]

火雪心

楼下的楼下会PHP

金关村村长

太长了,看得眼睛都花了

shy9000

Let me see.

shy9000

引用自己程序里面以前写的一段,供参考,记得改宽和高
<input type="submit" value="" style="border:none;background:url(图片地址) left top no-repeat;width:100px; height:35px;">

baqfhwqqq

把代码弄小了，求帮助呀。

Service

原帖由 geyunbing 于 2011-10-3 20:43 发表
shy9000 是大牛 他会

G.Ming

原帖由 baqfhwqqq 于 2011-10-3 19:40 发表
短网址程序，类似http://adf.ly/ 这样的。



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

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


html有图片格式
     
     求上面的代码转换成下面的图片提交代码。。 ...