如何添加一个图像旁边的输入复选框

问题描述:

我有一个下面的复选框字段(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> 

什么是做到这一点的最好方法是什么?

而不是渲染整个表格只有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形式。所以我认为这是最好和最简单的方法。