如何让submit按钮使用图片

cnrefresh

UID: 15011
帖子: 1
积分: 2
在线时间: 10 分钟

1^# cnrefresh 发表于 2007-09-04 17:33

如何让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">
这样就可以了。
你们有什么好的办法吗？

mewleo

UID: 28368
帖子: 1
积分: 2
在线时间: 10 分钟

2^# mewleo 发表于 2007-09-04 19:02

直接提交form

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

admin

UID: 6902
帖子: 131
积分: 301
在线时间: 23 小时

3^# admin 发表于 2007-09-04 20:53

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

xnine

UID: 41010
帖子: 191
积分: 439
在线时间: 2 天 1 小时

4^# xnine 发表于 2007-09-05 17:29

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

cnrefresh

UID: 15011
帖子: 1
积分: 2
在线时间: 10 分钟

5^# cnrefresh 发表于 2007-09-21 09:59

这是我认为比较好的一个办法，既可以使用图片也可以使用回车键直接提交，同时也不要多余的脚本代码。 <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" />

blackanger

UID: 33621
帖子: 5
积分: 11
在线时间: 10 分钟

6^# blackanger 发表于 2007-09-21 15:35

图片做链接不利于SEO

aisort

UID: 22302
帖子: 2
积分: 4
在线时间: 10 分钟

7^# aisort 发表于 2007-11-19 10:39

引用:

原帖由 cnrefresh 于 2007-9-21 09:59 发表
这是我认为比较好的一个办法，既可以使用图片也可以使用回车键直接提交，同时也不要多余的脚本代码。