0

formbuilderを使用してhtml twigでフォームを作成するときに、テキストボックスをラベルから分離する方法を知りたいですか? フォームは問題なく動作しますが、新しいテキスト ボックスと前のテキスト ボックスの下にあるテキストを揃えて、ずさんに見えないようにしたいと考えています。フォームをレンダリングしてからスタイルを設定する方法はありますか? 私はphpを使用してformBuilderでフォームを作成し、小枝でレンダリングしています。

フォームを作成するための 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) }}

しかし、私はそれをきれいに配置したいだけです...助けてください。

4

2 に答える 2

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>

これにより、フォームの間隔がきれいになります

于 2012-05-31T10:27:24.020 に答える
0

このページはあなたを助けることができますhttp://symfony.com/doc/current/reference/forms/twig_reference.html#form-row-form-name-variables

特にこの2つの機能form_row(form.name)と`form_label(form.name)

于 2012-05-25T13:34:34.517 に答える