如何使用图像定位复选框?

时间:2014-08-22 10:44:48

标签: html forms checkbox

我有一个复选框,旁边就是图像。我希望能够点击图片来勾选复选框。我发现它可以通过包装图像和带有标签标签的复选框来完成。

但是,我需要将复选框放在除默认位置之外的其他位置。你知道怎么做吗?

1 个答案:

答案 0 :(得分:1)

使用label for。 你的复选框。

<input id="checkbox1" name="checkbox1" type="checkbox"> 

然后将图像放在任何需要的位置:

<label for="checkbox1"><img src="your image path" /></label>