Question

我在下面Controller制作表单。

$form = $this->createFormBuilder($row)
->add('comment',null,array('label' => 'input comment'))

然后在twig文件中......

{{form_widget(form.commentToMutor)}}

它显示文本输入框，但它太小了。

如何更改TextBox

的大小

Answer 1

扩展@manseuk的答案（没有足够的声誉发表评论），你也可以在表单构建器中指定html样式属性，如果你喜欢：

$form = $this->createFormBuilder($row)
   ->add('comment', null, array(
           'label' => 'input comment', 
           'attr' => array('style' => 'width: 200px')
          )
   );

已编辑从html attribute for width到html style attribute。

Answer 2

您可以在表单字段中添加class：

$form = $this->createFormBuilder($row)
   ->add('comment',null,array(
           'label' => 'input comment', 
           'attr' => array('class' => 'myclass')
          )
   );

然后创建与该类相关的CSS：

.myclass {
   width: 200px;
}

Docs for the attr attribute here

Answer 3

或在树枝文件中：

{# Define CSS class and call #}
{{ form_widget(form.commentToMutor, { 'attr': {'class': 'myclass'} }) }}

{# ... or enter width directly #}
{{ form_widget(form.commentToMutor, { 'attr': {'style': 'width: 200px'} }) }}

More here

Answer 4

直接设置宽度对我不起作用。我必须通过风格设置它。当然这是一个简单的解决方法，正确的方法是使用像其他人建议的css类。

$form = $this->createFormBuilder($row)
   ->add('comment', null, array(
           'label' => 'input comment', 
           'attr' => array('style' => 'width:200px')
          )
   );

我在哪里可以更改表单文本框的大小？

4 个答案: