Question

我正在尝试添加与图像相关联的3个按钮。例如，如果我必须验证图像是否良好，我将按下YES和NO等按钮，并按下相应的按钮。到目前为止，我对此有了解：

<button type="submit">
 <img src="">
 </button>

我不确定如何在一张图片上继续使用2个或更多按钮的选项。

Answer 1

<p><img style="max-height:120px;" src="https://myanimelist.cdn-dena.com/images/anime/3/40451.jpg"/></p>
<p><button>Yes</button> <button>No</button> <button>Maybe</button></p>

<p>代表段落（新段落）

Answer 2

<div><img src="yourImg.jpg" alt="myImage" ></div>
<div><span><button>yes</button></span><span><button>no</button></span><span>
<button>check</button></span></div>

或者您可以使用单选按钮来检查是否是。只需要更改..

 yes:<input type="radio"  name="answer"> no:<input type="radio"  
 name="answer">

带有HTML图像的多个按钮

2 个答案: