修改HTML代码

Question

我有这个HTML代码：

<input type="button" value="OK">

当人们点击该按钮时，用户将转到下一步。

我也有一个图像，我想做同样的事情。我想要它，所以当用户点击图像时，它也会转到下一步。我试着编辑代码，但没有成功。

以下是图像代码尝试：

<img src="black-white.gif" alt="BJ" value="OK">

谁能告诉我我需要在图像代码中添加什么，这样它才能做与按钮代码相同的事情？

Answer 1

<input type="image" src="submit.gif" alt="Submit" width="48" height="48"> will work.

参考资料- https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_input_src

Answer 2

改用<button>标签

像这样

<button type="button">Ok</button>

<button type="button">
   <img src="https://via.placeholder.com/100x100">
</button>

或者，如果您正在提交一个带有按钮的表单

<button type="submit">Ok</button>

<button type="submit">
   <img src="https://via.placeholder.com/100x100">
</button>

Answer 3

您应该尝试使用图像提交按钮：

<input type="image" src="theimagesource.jpg" alt="Submit Form" />