如何在django的ModelForms中的标签后添加空格

Question

我想在“手机号码：”之后添加空格，意思是在标签和文本区域之间。但是通过使用 django ModelForms 我无法做到这一点，它显示“手机号码：”，标签和文本区域之间没有任何空格。

这就是我在 models.py 文件中描述的方式。

phone = models.CharField(max_length=10, verbose_name="Mobile No", validators=[mobileno])

forms.py 文件

class UserInfoForm(forms.ModelForm):
    class Meta:
        model = UserInfo
        fields = ('phone',)

这是我的html文件的内容。

<form method="post">    
    {% csrf_token %}
    {{ form }}
       </form>

这是默认显示的方式。

如何在标签和文本区域之间添加空格。谢谢你的帮助。

Answer 1

表单标签和字段的布局和间距是一个演示问题，最好通过 CSS 处理。

另请参阅：Django 表单中的 CSS 样式

Answer 2

您应该迭代表单字段。

像这样：

<form method="post" > {% csrf_token %}

        {% for field in form %}

        <div class="form-group">
            <label class="col-sm-4 control-label" for="{{ field.name }}">{{ field.label }} : </label>

            <div class="col-sm-8">
                {{ field }}
            </div>
        </div>

        {% endfor %}
    </div>

Answer 3

至少在 3.1.4 中，您可以选择使用

label='Mobile No'

和

label_suffix=': '

来编辑表单。

Answer 4

forms.py 文件 您可以在 forms.py 文件上添加带有表单控件类的小部件

类 UserInfoForm(forms.ModelForm): 类元： 模型=用户信息 字段 = ('电话',) 小部件= { '电话': forms.TextInput(attrs={'class': 'form-control'}), }