2012-05-24 57 views
0

只是想知道如何使用formbuilder在html树枝中创建表单时可以从标签中分离文本框?表单工作正常,但我想要对齐每个新的文本框和前面的文本,这样看起来就不那么草率了。有没有一种方法可以渲染表单,然后设计它?我使用php来创建FormBuilder的表单,并用树枝渲染。造型我的形式在树枝&php

php的创建形式是这样的:

$form = $this->createFormBuilder(array('csrf_protection' => false)) 
     ->add('username','text', array('label'=>'Username/Alias'))   
     ->add('password','password',array('label'=>'Password')) 
     ->add('ve','text',array('label'=>'Verification code')) 
     ->getForm() ; 
    $request= $this->getRequest(); 

而且树枝看起来像这样:

<form action="{{path('myBundle_login')}}" method="post" enctype={{form_enctype(form)}}> 
// the form_enctype(form) is the form that is sent through 

{{ form_errors(form) }} 

{{ form_widget(form) }} 

{{ form_rest(form) }} 

,但我只是希望它整齐地隔开......请帮助。

回答

1

,如果你想对所有形式的共同风格, 将共有的CSS像下面

form div label 
{ 
/*your css here*/ 
} 
form div input 
{ 
/*your css here*/ 
} 

和如果你想按照你的意愿设计每一款

<div> 
    {{ form_errors(form.name) }}  
    <div> 
     <div> 
     {{ form_label(form.name) }} 
     </div> 
    </div> 

    <div> 
    <div> 
    {{ form_widget(form.name,{'attr': {'class': 'yourclassname'} }) }} 
    </div> 
    </div> 
    </div> 

这将整齐地分隔你的表格