图片按钮提交表单-创新互联
铁力ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!>有时候为了达到比较好的视觉效果,有人会使用图片代替按钮来提交或者重置表单数据。
一:
二:
代替submit按钮的图片代码格式是
代替reset按钮的代码图片格式是
三:
document.forms['testForm_2'].reset(); 是将名称为 testForm_2 的表单重置。
return false; 是防止提交表单。
(2)直接用图片模拟的重置按钮
document.forms['testForm_2'].reset(); 是将名称为 testForm_2 的表单重置。
style="cursor:pointer;" 设置图片悬停时,显示手型光标。
两种方法大同小异,在 javascript 被禁止的情况下,第二种方法按钮不会执行任何操作,而第一种方法却会执行提交操作。
当然,我们也可以直接把样式交给 CSS 去处理,用背景图的方式来实现,但是这样需要将 value 的值留空,如果 CSS 被禁止,那么将会显示一个没有文字的按钮,每个方法都有自己的问题,可以根据自己的需要来选择解决方案。
网站栏目:图片按钮提交表单-创新互联
网页网址:http://myzitong.com/article/doheoj.html