Python 如何从form.py为django中的标签和输入字段添加css
我想创建带有标签和输入的Django表单。我成功地将css类添加到输入字段,但我不知道如何将css类添加到其输入标签 form.pyPython 如何从form.py为django中的标签和输入字段添加css,python,django,Python,Django,我想创建带有标签和输入的Django表单。我成功地将css类添加到输入字段,但我不知道如何将css类添加到其输入标签 form.py from django import forms from .models import TestForm class addForm(forms.ModelForm): class Meta: model = TestForm fields = ('name', 'address', 'mobile')
from django import forms
from .models import TestForm
class addForm(forms.ModelForm):
class Meta:
model = TestForm
fields = ('name', 'address', 'mobile')
widgets = {
'name': forms.TextInput(attrs={'class': 'form-control'}),
'address': forms.Textarea(attrs={'class': 'form-control'}),
'mobile': forms.TextInput(attrs={'class': 'form-control'})
}
Model.py
from django.db import models
# Create your models here.
class TestForm(models.Model):
name = models.CharField(max_length=50)
address = models.CharField(max_length=200)
mobile = models.CharField(max_length=20)
addform.html
{%extends 'base.html'%}
{%block main%}
<div class="row clearfix" xmlns="http://www.w3.org/1999/html">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="card">
<div class="body">
<h2 class="card-inside-title">Floating Label Examples</h2>
<div class="row clearfix">
<div class="col-sm-12">
<div class="form-group form-float">
<div class="form-line">
<form method="post"/>
{% csrf_token%}
{{form.as_p}}
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{%endblock%}
{%extends'base.html%}
{%block main%}
浮动标签示例
{%csrf_令牌%}
{{form.as_p}}
{%endblock%}
电流输出:-
<label for="id_name">Name:</label>
<input type="text" name="name" class="form-control" maxlength="50" required id="id_name">
名称:
所需输出:-
<input type="text" class="form-control">
<label class="form-label">Username</label>
用户名
没有在label中获得类,伙计们,请帮助我如何在label中获得类您不必让Django解包表单字段;如果您愿意,可以手动执行。使用
{{form.name\u of_field}}
可以将每个字段作为表单的属性使用,并在Django模板中适当地呈现。当您使用form解包表单时。您可以添加css类,如:
<p><label class="my-classes" for="{{ form.name.id_for_label }}">Name:</label>
{{ form.name }}</p>
<p><label class="my-classes" for="{{ form.address.id_for_label }}">Address:</label>
{{ form.address}}</p>
<p><label class="my-classes" for="{{ form.mobile.id_for_label }}">Mobile:</label>
{{ form.mobile}}</p>
名称:
{{form.name}
地址:
{{form.address}
流动电话:
{{form.mobile}}