我们如何将 html <input type=""> 用于 Django 模型表单？

Posted 2023-02-23

【中文标题】我们如何将 html <input type=""> 用于 Django 模型表单？

【英文标题】：How can we use html <input type= ""> for Django model form?

【发布时间】：2018-05-27 06:05:55

【问题描述】：

将这个用于 django 模型形式，我们无法创建漂亮的前端。

<form method="POST" action="">
    % csrf_token %
    <div class="esor">
       Name: form.Name<br>
       Class: form.Class<br>
       Publisher: form.Publisher<br>
    </div>
    <input type="submit" value="submit">
</form>

有没有什么办法可以使用html代码，比如：

<form method="GET" action="#">
 <input type="text" name="name" placeholder="Name of book">
</form>

而不是 form.Name 或 form.as_p

【问题讨论】：

我觉得这个你可以帮到你tutorial.djangogirls.org/en/django_forms

docs.djangoproject.com/en/2.0/topics/forms/…

【参考方案1】：

是的，你可以通过这种方式获得一个漂亮的界面，只需在 form.py 中传递你使用的名称

示例：

forms.py

class NameForm(forms.ModelForm):
    class Meta:
        model = MyModel
        fields = [
            "whatever"
        ]

HTML 模板

<form method="POST">% csrf_token %
    <input type="text" name="whatever" placeholder="Write whatever">
</form>

【参考方案2】：

我通常使用两种方法：

安装widget tweaks，这样您就可以轻松自定义输入：

% load widget_tweaks %
 form.Name|add_class:"css_class"|attr:"placeholder:Name of book" 

或者 2，在您的 forms.py 中，为该字段设置您想要的所有属性：

Name = forms.CharField(widget=forms.TextInput(attrs='placeholder': 'Name of book'))

【参考方案3】：

您可以通过将输入元素的名称与表单字段的名称相同来做到这一点。您可以通过在 html 中显示 form 然后在浏览器中检查表单字段来获取表单字段的名称，然后该字段的名称属性将是表单字段的名称。