html - 重置按钮的作用类似于提交按钮

Question

在下面的脚本中，重置按钮的作用也类似于提交按钮。问题出在哪里？谢谢。

HTML

  <input type="image" name="submit" value=" " src="image.png">
  <input type="image" name="reset" value=" " src="reset.png">

感谢您的宝贵时间。

Answer 1

图像类型的输入始终充当提交按钮。

您可以使用 JavaScript 覆盖默认行为，但如果用户未启用 JavaScript，按钮将提交而不是重置。

一个选项是添加一个常规的重置类型按钮，并在加载 DOM 后将其替换为图像或使用 JavaScript 键入的图像输入。这将使它在没有 JavaScript 的浏览器(它们有默认的重置按钮)和启用 JavaScript 的浏览器上工作。