Symfony - 与输入字段内联的第二个按钮
Symfony - second button inline with input field
我有一个包含多个输入字段和一个提交按钮的表单。现在我想添加一个额外的 FileType
字段,前面有一个上传按钮。这样用户就可以在提交整个表单之前上传文件。
我尝试在输入后在twig中添加按钮:
<button type='submit'>upload</button>
但是按钮被推到下一行,因为 symfony/twig(form_row) 添加了带有 3 个 div 的文件类型字段,如下所示:
<div>
//input field here
</div>
<div>
//form errors here
</div>
<div class='clear'>
</div>
按钮添加在这 3 个 div 之后的下一行。我怎样才能在文件上传字段中呈现这个内联?
Symfony 为您提供了多种方式来自定义表单的呈现方式。您可以使用其他 form/twig 函数自定义此表单域,例如 form_label()
、form_widget()
和 form_errors
.
<label>{{ form_label(form.file) }}</label>
<div class="inline">
<button type="submit">Upload</button>
{{ form_widget(form.file) }} // will render <input type="file" .../> widget
</div>
<div class="errors">
{{ form_errors(form.file) }}
</div>
如果您需要为所有 FileType
执行此操作,您可能需要 to create a type extension 并修改此 FileType
.
的默认小部件主题
有用的链接:
我有一个包含多个输入字段和一个提交按钮的表单。现在我想添加一个额外的 FileType
字段,前面有一个上传按钮。这样用户就可以在提交整个表单之前上传文件。
我尝试在输入后在twig中添加按钮:
<button type='submit'>upload</button>
但是按钮被推到下一行,因为 symfony/twig(form_row) 添加了带有 3 个 div 的文件类型字段,如下所示:
<div>
//input field here
</div>
<div>
//form errors here
</div>
<div class='clear'>
</div>
按钮添加在这 3 个 div 之后的下一行。我怎样才能在文件上传字段中呈现这个内联?
Symfony 为您提供了多种方式来自定义表单的呈现方式。您可以使用其他 form/twig 函数自定义此表单域,例如 form_label()
、form_widget()
和 form_errors
.
<label>{{ form_label(form.file) }}</label>
<div class="inline">
<button type="submit">Upload</button>
{{ form_widget(form.file) }} // will render <input type="file" .../> widget
</div>
<div class="errors">
{{ form_errors(form.file) }}
</div>
如果您需要为所有 FileType
执行此操作,您可能需要 to create a type extension 并修改此 FileType
.
有用的链接: