表单提交用图片代替文字按钮的代码

发布时间：2018-08-19 14:55 所属栏目：121 来源：站长网

导读：表单提交用图片代替文字按钮的代码，如果你觉得默认的灰色提交按钮太难看，与你的网页风格不相符，你可以学学这种方法，用一个漂亮的小图片代替提交按钮，这样你的网页就更美丽动人了~~ 演示： htmlheadtitle图片提交按钮的实现/title/headbodyform name=f

　　表单提交用图片代替文字按钮的代码，如果你觉得默认的灰色提交按钮太难看，与你的网页风格不相符，你可以学学这种方法，用一个漂亮的小图片代替提交按钮，这样你的网页就更美丽动人了~~

　　演示：

<html> <head> <title>图片提交按钮的实现</title> </head> <body> <form name="form1" method="post" action="/?fr=liehuo.net"> 姓名:<input type="text" name="name"> <a href="javascript:form1.submit();"> <img src="/uploads/allimg/1011/liehuo_submit.gif" border="0" align="absmiddle"> </a> </form> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）