怎么把提交按钮换成图片?

<inputtype="submit"name="Submit"value="登录">怎么把这个graphics\login_2.gif图片弄成提交按钮?我新手,哪位大哥... <input type="submit" name="Submit" value="登录">
怎么把这个graphics\login_2.gif图片弄成提交按钮?我新手,哪位大哥帮下忙!
展开
 我来答
精品DIY生活
2015-08-08 · 知道合伙人数码行家
精品DIY生活
知道合伙人数码行家
采纳数:46447 获赞数:131770
视频剪辑、网络管理、图片处理、办公自动化、文学、语言学。

向TA提问 私信TA
展开全部
方法一:用image类型的input控件。
<form name="demo" method="get" action="login.asp">
<input name="username" type="text">
<input name="password" type="password">
<input type="image" src="your_submit_button.gif" name="img">
</form>
方法二:在图片上加上脚本控制的。
<form name="demo" method="get" action="login.asp">
<input name="username" type="text">
<input name="password" type="password">
</form>
<img src="your_submit_button.gif" onclick="demo.submit()">
注意:type=image类型的图片按钮,在单击后是提交表单的。
技巧:可以把例中的your_submit_button.gif换成你自己的图片路径。
提示:用第二种方法时如果想在鼠标移上图片时变成手形,可以加上CSS设置cursor属性为hand。
特别提示
代码运行后,单击图片,表单将被提交。方法一的表单在提交后注意看一下地址栏,可以看到,单击图片控件时的X和Y坐标(相对于图片控件)也被提交了,并且前面加上图片控件名作前缀
apollo47
2008-03-29 · TA获得超过1451个赞
知道小有建树答主
回答量:810
采纳率:0%
帮助的人:535万
展开全部
有两种方式.
1:
<input type=image src="graphics\login_2.gif">

2:
<a href="javascript:doSubmit()"><img src="..." style="cursor:hand" border=0></a>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
问号等于不明白
2008-03-29 · TA获得超过446个赞
知道小有建树答主
回答量:248
采纳率:0%
帮助的人:191万
展开全部
背景图片那属性
<input type="submit" name="Submit" value="登录" style="background:url(graphics\login_2.gif)">
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
殳宜说寄容
2020-05-21 · TA获得超过3844个赞
知道小有建树答主
回答量:3179
采纳率:25%
帮助的人:244万
展开全部
<input
name="imageField"
type="image"
src="图片地址"
border="0">
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
tanxuedong88
2018-04-19
知道答主
回答量:18
采纳率:0%
帮助的人:9.6万
展开全部
<button> 标签定义一个按钮。
在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式