Django脆皮forms内联label及输入栏

Question

我有一个 Django ModelForm 包含 3 个字段：姓名、姓氏、email。 我想要的是调整酥脆的表格，让每个字段连同它的 label 在一行中，所以表格看起来像这样：

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

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

我在前端真的很糟糕，我被卡住了。

Answer 1

假设您的 settings.py 包含：

CRISPY_TEMPLATE_PACK = 'bootstrap4'

您可能想要覆盖模板bootstrap4/field.html ，这是将 label 和各种可能的输入字段放在一起的模板。

为此，您可以将 Krispy_form package 中的templates/bootstrap4/field.html文件复制到您的templates/bootstrap4/field.html中，并根据您的应用程序对其进行修改。Z5 当模板引擎渲染表单字段时，它会在原始模板中找到您修改的字段field.html 。

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

Answer 2

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