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

Question

我有以下复选框字段 (1)
，我想在复选框中添加图像。

我通过以下方式（2）将它添加到树枝文件中，但放置不当。我想按以下方式放置（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 表单。所以我认为这是最好和最简单的方法。