网站建设中怎样用HTML图片作提交按钮的方法
有时候为了达到比较好的视觉效果,有人会使用图片代替按钮来提交或者重置表单数据。
一:
二:
代替submit按钮的图片代码格式是
代替reset按钮的代码图片格式是
三:
document.forms['testForm_2'].reset();是将名称为testForm_2的表单重置。
returnfalse;是防止提交表单。
(2)直接用图片模拟的重置按钮
document.forms['testForm_2'].reset();是将名称为testForm_2的表单重置。
style="cursor:pointer;"设置图片悬停时,显示手型光标。
两种方法大同小异,在javascript被禁止的情况下,第二种方法按钮不会执行任何操作,而第一种方法却会执行提交操作。
当然,我们也可以直接把样式交给CSS去处理,用背景图的方式来实现,但是这样需要将value的值留空,如果CSS被禁止,那么将会显示一个没有文字的按钮,每个方法都有自己的问题,可以根据自己的需要来选择解决方案。
成都做网站、成都网站设计服务团队是一支充满着热情的团队,执着、敏锐、追求更好,是创新互联的标准与要求,同时竭诚为客户提供服务是我们的理念。创新互联把每个网站当做一个产品来开发,精雕细琢,追求一名工匠心中的细致,我们更用心!
名称栏目:网站建设中怎样用HTML图片作提交按钮的方法
网页链接:http://scyanting.com/article/esgdsp.html