Comment définir un attribut de classe pour une entrée de formulaire Symfony2 ?

Question

Comment puis-je définir le HTML class à un formulaire <input> en utilisant le FormBuilder en Symfony2 ?

Quelque chose comme ça :

->add('birthdate', 'date',array(
      'input' => 'datetime',
      'widget' => 'single_text',
      'attr' => array(
          'class' => 'calendar'
      )
 ))

 {{ form_widget(form.birthdate) }}

Je veux ceci input avec l'attribut class réglé sur calendrier

Answer 1

Vous pouvez le faire à partir du modèle de brindille :

{{ form_widget(form.birthdate, { 'attr': {'class': 'calendar'} }) }}

De http://symfony.com/doc/current/book/forms.html#rendering-each-field-by-hand

Answer 2

Vous pouvez le faire avec FormBuilder. Ajoutez ceci au tableau de votre FormBuilder :

'attr'=> array('class'=>'span2')

Answer 3

La réponse d'Acyra est la bonne si vous voulez définir des attributs dans le contrôleur, mais elle comporte de nombreuses inexactitudes.

Oui, vous pouvez le faire directement avec le FormBuilder en utilisant la fonction attr (introduit aquí pour la version 2.1 et ici pour la 2.0 ) au tableau des options comme suit :

->add('birthdate', 'date',array(
      'input' => 'datetime',
      'widget' => 'single_text',
      'attr' => array('class'=>'calendar')
 ))

Il n'est pas vrai que la "fonctionnalité est cassée". Elle fonctionne très bien !

Il n'est pas vrai que Symfony2 applique le HTML class à la fois à l'étiquette et à l'entrée (au moins à partir de la version 2.1).

En outre, étant donné que le attr est lui-même un tableau, vous pouvez passer n'importe quel attribut HTML que vous souhaitez rendre pour le champ. C'est très utile si vous voulez passer l'attribut HTML5 data- attributs.

Answer 4

Vous pouvez l'ajouter dans les options de votre classe de formulaire :

public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults(array(
        'data_class' => 'AppBundle\Entity\MyEntity',
        'attr' => array(
            'class' => 'form-horizontal'
        )
    ));
}

Answer 5

{{ form_widget(form.content, { 'attr': {'class': 'tinyMCE', 'data-theme': 'advanced'} })  }}