查看完整版本: 如何让submit按钮使用图片

如何让submit按钮使用图片

这这是一个变相的方法，就是在img上面加上click时间来完成的。本来我是想这样
<td><img WIDTH=54 HEIGHT=44 BORDER=0 name=submit onmouseover="this.style.cursor='hand'" src="/images/q28.jpg" onclick="my_form_name.submit();" ></td>       #my_form_name是你的提交的form的名字。
报错说是不支持这样。那只好用绕弯子的方法了。
<td><img WIDTH=54 HEIGHT=44 BORDER=0 name=submit onmouseover="this.style.cursor='hand'" src="/images/q28.jpg" onclick="ok_button.click();" ></td>
<input type="submit" style="display:none" id="ok_button">
这样就可以了。
你们有什么好的办法吗？

可以不用加submit按钮

直接提交form

<td><img WIDTH=54 HEIGHT=44 BORDER=0 name=submit onmouseover="this.style.cursor='hand'" src="/images/q28.jpg" onclick="form.submit()" ></td>

样式表就可以搞定了。border:none;background-image:url(images/btn.gif)

做成link 然后用CSS实现按纽效果就好
简单实现

这是我认为比较好的一个办法，既可以使用图片也可以使用回车键直接提交，同时也不要多余的脚本代码。 <input type="submit"  value="" style="border:0px;cursor:hand;width:80px;background-image:url('/images/login.png');height:20px" />  
                                        <input type="reset"  value="" style="border:0px;cursor:hand;width:80px;background-image:url('/images/reset.gif');height:20px" />

图片做链接不利于SEO

[quote]原帖由 [i]cnrefresh[/i] 于 2007-9-21 09:59 发表 [url=http://www.ruby-lang.org.cn/forums/redirect.php?goto=findpost&pid=5338&ptid=1143][img]http://www.ruby-lang.org.cn/forums/images/common/back.gif[/img][/url]
这是我认为比较好的一个办法，既可以使用图片也可以使用回车键直接提交，同时也不要多余的脚本代码。   
                                         [/quote]
按照这个方法，在IE7中手形效果会显示出来，但在FF中确没有这个效果