php - Symfony2，如何使表单标签类/属性与​​其输入不同？

Question

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

 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="" >

Answer 1

如文档中所述：

• 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'),
    ));
}

Answer 2

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

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

您正在寻找的选项是label_attr.

Answer 3

这在 Symfony 2.3 中对我有用：

{{ form_row(form.hours,  {   'label': 'Hours:'
                            ,'label_attr': {'class': 'MYCLASSFOR_LABEL'}
                            ,'attr': {'class': 'MYCLASSFOR_INPUTS'} 
                        }
           )
}}

Answer 4

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

{{ form_label(form.item, label|default(null), { 'label_attr': { 'class': 'MYCLASS' } }) }}