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

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。

Answer 2

问题在于definition

<input type="image" />

定义提交按钮。

Answer 3

这是预期的行为。

  

具有type属性的input元素，其值为＆＃34; image＆＃34;   表示UA允许用户从的图像   以交互方式选择一对坐标并提交表单或   或者一个按钮，用户可以从中提交表格。

来源：http://www.w3.org/TR/2012/WD-html-markup-20120329/input.image.html

Answer 4

要制作重置按钮，您应该使用

<input type="reset" value="Reset">

带有type="image"的

就像提交按钮一样。