怎么把提交按钮换成图片?
<inputtype="submit"name="Submit"value="登录">怎么把这个graphics\login_2.gif图片弄成提交按钮?我新手,哪位大哥...
<input type="submit" name="Submit" value="登录">
怎么把这个graphics\login_2.gif图片弄成提交按钮?我新手,哪位大哥帮下忙! 展开
怎么把这个graphics\login_2.gif图片弄成提交按钮?我新手,哪位大哥帮下忙! 展开
6个回答
2015-08-08 · 知道合伙人数码行家
关注
展开全部
方法一:用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坐标(相对于图片控件)也被提交了,并且前面加上图片控件名作前缀
<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坐标(相对于图片控件)也被提交了,并且前面加上图片控件名作前缀
展开全部
有两种方式.
1:
<input type=image src="graphics\login_2.gif">
2:
<a href="javascript:doSubmit()"><img src="..." style="cursor:hand" border=0></a>
1:
<input type=image src="graphics\login_2.gif">
2:
<a href="javascript:doSubmit()"><img src="..." style="cursor:hand" border=0></a>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
背景图片那属性
<input type="submit" name="Submit" value="登录" style="background:url(graphics\login_2.gif)">
<input type="submit" name="Submit" value="登录" style="background:url(graphics\login_2.gif)">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<input
name="imageField"
type="image"
src="图片地址"
border="0">
name="imageField"
type="image"
src="图片地址"
border="0">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<button> 标签定义一个按钮。
在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询