symfony3建立表單後怎麼給表單添加class

來源:互聯網
上載者:User
symfony內建的建立表單功能,建立表單後,在模板直接這樣就可以顯示:

{{ form_start(form) }}
{{ form_widget(form) }}
{{ form_end(form) }}

請問能不能再建立表單的時候,為要建立的表單元素都添加一個class,這樣給前端,前端更好寫樣式,以下是建立表單代碼:

$task = new Task();$task->setTask('測試表單');$task->setDueDate(new \DateTime('tomorrow'));$form = $this->createFormBuilder($task)->add('task', TextType::class)    ->add('dueDate', DateType::class)    ->add('save', SubmitType::class, array('label' => 'Create task'))    ->getForm();

回複內容:

symfony內建的建立表單功能,建立表單後,在模板直接這樣就可以顯示:

{{ form_start(form) }}
{{ form_widget(form) }}
{{ form_end(form) }}

請問能不能再建立表單的時候,為要建立的表單元素都添加一個class,這樣給前端,前端更好寫樣式,以下是建立表單代碼:

$task = new Task();$task->setTask('測試表單');$task->setDueDate(new \DateTime('tomorrow'));$form = $this->createFormBuilder($task)->add('task', TextType::class)    ->add('dueDate', DateType::class)    ->add('save', SubmitType::class, array('label' => 'Create task'))    ->getForm();

Symfony的form在Twig模板裡可以每個表單組件單獨渲染,同時設定各自的class(或者其他)屬性,如下:

{{ form_start(form) }}{{ form_widget(form.field1, { 'attr': { 'class': 'class1' } }) }}{{ form_widget(form.field2, { 'attr': { 'class': 'class2' } }) }}{{ form_widget(form.field3, { 'attr': { 'class': 'class3' } }) }}{{ form_widget(form.field4, { 'attr': { 'class': 'class4' } }) }}{{ form_end(form) }}

$form = $this->createForm(new AnswerType(), new Answer(), [

        'action' => $this->generateUrl('eb5_qas_reply', ['id' => $id]),        'method' => 'POST',        'attr' => ['class' => 'form-horizontal']    ]);       建立form attr屬性
  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.