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

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>

如果您的表单中有更多字段，则以相同的方式呈现它们或使用form_rest(form)将它们全部放在末尾。

这就是你如何从一个 twig 模板中自定义一个 symfony2 表单。所以我认为这是最好和最简单的方法。