Html 如何在输入复选框旁边添加图像

我在以下复选框字段（1）中有一个复选框
我想在复选框中添加一个图像

我用下面的方法在细枝文件中添加了它（2），但它的位置不好。 我想把它放在下面的方式（3）

//（1）
->添加（'remove_avatar'，'checkbox'，数组(
'label'=>'user.label.current_avatar'，
“必需”=>false，
“映射”=>false，
))
// (2)
{{form_widget（form）}
// (3)
移除当前的化身

---

最好的方法是什么

不必只使用

form\u widget（form）

来呈现整个表单，如果您自己呈现每个字段，您可以做得更多。像这样：

<div class="controls">
    <img src="some_like">
    {{ form_widget(form.remove_avatar) }}
    {{ form_label(form.remove_avatar) }}
</div>

{{form_小部件（form.remove_avatar）}
{{form_label（form.remove_avatar）}

如果表单中有更多字段，请以相同的方式渲染它们或使用

form\u rest（form）

将它们全部放在末尾

这是如何从细枝模板内部自定义symfony2表单的。所以我认为这是最好最简单的方法

<div class="controls">
    <img src="some_like">
    {{ form_widget(form.remove_avatar) }}
    {{ form_label(form.remove_avatar) }}
</div>