40

我想构建一个带有标签和输入的表单,但它们的类应该不同。下面的代码为具有相同属性的输入创建标签:

 public function buildForm(FormBuilder $builder, array $options)
    {
        $builder
                ->add('hours', null ,
                  array('attr'=> 
                             array(
                                 'placeholder'=>'Working Hours',
                                 'class'=>'ui-spinner-box') ) )
    }

在我上面的代码中,ui-spinner-box将为标签和输入输出。它甚至会为其标签放置占位符。

那么如何使其attr分别为标签创建,以便我可以输出如下内容:

<label class="MYCLASSFOR_LABEL"   for="input_id">Hours</label>
<input class="MYCLASSFOR_INPUTS"  type="text" id="input_id" name="" value="" >
4

4 回答 4

96

文档中所述:

  • attr :将在字段上呈现为 HTML 属性的键值数组
  • label_attr:将在标签上呈现为 HTML 属性的键值数组

您可以在树枝模板或表单构建器中设置这些属性:

树枝模板:

  • 对于 symfony 2.1 和更新的使用:

    {{ form_label(form.hours, null, {'label_attr': {'class': 'foo'}}) }}
    
  • 在旧的 symfony 2.0 中它曾经是

    {{ form_label(form.hours, { 'label_attr': {'class': 'MYCLASSFOR_LABEL'} }) }}
    {{ form_widget(form.hours, { 'attr': {'class': 'MYCLASSFOR_INPUTS'} }) }}
    

表单生成器

public function buildForm(FormBuilderInterface $builder, array $options)
{
    $builder->add('hours', null, array(
        'label_attr' => array('class' => 'MYCLASSFOR_LABEL'),
        'attr'       => array('class' => 'MYCLASSFOR_INPUTS'),
    ));
}
于 2012-06-06T21:02:15.487 回答
49

这可能是新的,但现在有一个简单的方法可以做到这一点:

$builder
    ->add('hours', null , array(
        'attr'=> 
            array(
                'placeholder'=>'Working Hours',
                'class'=>'MYCLASSFOR_INPUTS') 
        ) ,
        'label_attr' => array(
            'class' => 'MYCLASSFOR_LABEL'
        )
    );

您正在寻找的选项是label_attr.

于 2012-10-15T03:47:22.443 回答
7

这在 Symfony 2.3 中对我有用:

{{ form_row(form.hours,  {   'label': 'Hours:'
                            ,'label_attr': {'class': 'MYCLASSFOR_LABEL'}
                            ,'attr': {'class': 'MYCLASSFOR_INPUTS'} 
                        }
           )
}}
于 2013-08-23T09:05:31.203 回答
6

以上不再正确,至少在我使用它的上下文中。在 Symfony 2.1 中,解决方案是:

{{ form_label(form.item, label|default(null), { 'label_attr': { 'class': 'MYCLASS' } }) }}
于 2012-10-05T17:52:32.353 回答