使用 Django 正确标记多个表单字段

Question

我有一个带有用户名和密码输入的简单登录屏幕，我想标记每个字段，以便如果用户单击“用户名”或“密码”，它会自动将控件切换到该字段。就像 Facebook 主页一样。我的问题是我不知道应该如何正确使用<input 标签：

<form action="/login/" method='post'>
    <label for='username_info'> Username </label>
    {% csrf_token %}
    {{ form.username }}
    <p>
    <label for="password_info"> Password </label>
    {{ form.password }}
    <p>
    <input id='username_info' type='submit'>
</form>

所以这适用于Username 文本，但显然不适用于Password 文本。如何正确标记每个字段？我查看了Django Docs example，但是当我尝试使用 django 模板标记作为value 属性的input 标记时，它只在字段中显示原始 html。

编辑：forms.py 文件：

从 django 导入表单 从模型导入登录信息

class LoginForms(forms.ModelForm):

    class Meta:
        model = LoginInfo
        fields = ('username', 'password')

Answer 1

Facebook 在登陆表单中不使用标签，而是使用占位符。这就是你如何使用 django 表单：

q = forms.CharField(label='username', 
                widget=forms.TextInput(attrs={'placeholder': 'Username'}))

更多信息请查看widgets documentation。

编辑：在评论中回答您的问题后，您的 forms.py 将如下所示：

class LoginForm(forms.Form):
    username = forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'Username'}))
    password = forms.CharField(widget=forms.PasswordInput)

这会影响我的模型吗？

不，即使你保存它也不会，因为它没有链接到任何模型。

Answer 2

我不知道这里有什么问题。但是您可以像这样在 forms.py 中添加标签：

username = forms.CharField(label='Username', max_length = 100)
password = forms.CharField(label='Password', max_length = 100)

希望这会有所帮助。

Answer 3

使用label_tag属性，它会自动输出标签的HTML。

<p>
{{ form.password.label_tag }}
{{ form.password }}
</p>