使用图片按钮作为重置(reset)表单按钮

高洛峰
高洛峰 原创
2017-02-28 13:20:02 3048浏览

用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)表单按钮呢,感兴趣的朋友可以看看 我们在做表单的时候往往会设置一个提交按钮和一个重置按钮,有时可能会为了页面的好看而使用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)表单按钮呢?请接着往下看。

这里假设我有两个图片:提交按钮图片ok.gif、重置按钮图片reset.gif

用图片作为提交表单的代码为:<input type="image" src="//m.sbmmt.com/m/faq/ok.gif" alt="" width="93" height="33" border="0" />

用图片作为重置表单的代码为:<input type="image" src="//m.sbmmt.com/m/faq/reset.gif" alt="" width="93" height="33" border="0" onclick="reset();return false;" />


更多使用图片按钮作为重置(reset)表单按钮相关文章请关注PHP中文网!


声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。