Django crispy表单内联标签和输入字段

Question

我有一个Django模型表单，包含3个字段：name、lastname、email。我想要的是调整crispy表单，使每个字段及其标签在一行中，因此表单将如下所示：

Name: <input name>
Lastname: <input lastname>
Email: <input email>
<button Submit>

我尝试使用FormHelper和Layout以及bootstrap内联属性，但我所获得的只是将表单中的所有元素都放在一行中。

我在前端非常糟糕，我被卡住了。

Answer 1

我设法通过简单地将我的html代码中的{{my_form|Crispy}}更改为{{my_form.as_p}}来实现我的目标。

Answer 2

假设您的settings.py包含：

CRISPY_TEMPLATE_PACK = 'bootstrap4'

您可能希望覆盖模板bootstrap4/字段。html，它将标签和各种可能的输入字段放在一起。

为此，您可以复制模板/bootstrap4/字段。html文件从crispy_表单包下载到模板/bootstrap4/字段中。html，并根据需要对其进行修改。当模板引擎呈现表单字段时，它将找到修改后的字段。html位于原始模板中的html之前。

您可能还希望参考模板包uni_form，该模板包没有css，几乎按照您想要的方式呈现字段。您可以按原样使用它，也可以从它的结构方式中获得灵感，修改您自己的字段。html。