使用图像作为重置按钮

Question

我想用一张图片作为重置按钮，在HTML和CSS中应该使用什么代码？

HTML代码： CSS代码：无需添加任何CSS代码。

- Muhammad Hussain

Answer 1

我认为这应该能解决问题。

 <button type="reset">
    <img src="#" alt="" />
 </button>

- Hux

---

除非您在图像/按钮上指定了宽度/高度，否则它不应更改图像的形状。 - Hux

Answer 2

好问题。据我所知，无法完成。图像只能用作提交按钮。

您需要使用JavaScript在普通图像上执行onclick="this.form.reset()"，或者使用背景图像样式化普通重置按钮（应该可以轻松完成）。

- Pekka

---

看看MiG的方法，它可以在没有JS的情况下工作，你只需要为按钮设置样式。我上面引用的Javascript代码只需放入图像标签<a href='...' onclick= .... 中即可。 - Pekka