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

Question

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

我以下面的方式（2）将它添加到twig文件中，但它放置不好。 我想按以下方式放置它（3）

// (1)
->add('remove_avatar', 'checkbox', array(
    'label' => 'user.label.current_avatar',
    'required' => false,
    'mapped' => false,
))

// (2)
{{ form_widget(form) }}
<span class="user">
    <img src="{{ get_avatar(user) }}" class="user-avatar">
</span>

// (3)
<div class="controls">
    <img src="some_like">
    <input type="checkbox" id="profile_remove_avatar" name="profile[remove_avatar]" value="1">
    <label class="control-label" for="profile_remove_avatar">Remove the current avatar</label>
</div>

最好的方法是什么？

Answer 1

如果您为自己渲染每个字段，则可以执行更多操作，而不是仅使用form_widget(form)渲染整个表单。像这样：

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

如果您的表单中有更多字段，则以 OR 的方式将其全部放在form_rest(form)的最后。

这是您从树枝模板中自定义symfony2表单的方法。所以我认为这是最好最简单的方法。