Question

我有一个使用bootstrap的Django模板：

<div class="form-group">
<label form="test2" class="col-sm-2 control-label">test2field</label>
<input type="text" class="form-control" placeholder="Enter test2" id="{{ form.test2 }}">
</div>

我想使用每个表单字段 - 例如{{ form.testn }}显示每个字段，而不是{{ form.as_p }}或类似内容。

以上显示＆＃34;＆gt;在浏览器中每个字段的末尾，显然出现了问题。如果我删除＆＃34;＆gt;它工作正常，格式正确，但这显然是不对的。

有人能告诉我如何正确地做到这一点吗？很抱歉这样一个新手问题 - 我似乎无法在任何地方找到正确的答案！

感谢。

Answer 1

这是您为Bootstrap格式化表单字段的方法：

<强>形式：

self.fields['address'] = forms.CharField(
                            required=True,
                            error_messages = {'required': 'Address is Required!'},
                            label='Address',
                            max_length=50,
                            widget=forms.TextInput(attrs={
                                  'class': 'form-control input-lg',
                                  'id': 'address',
                                  'placeholder': 'Address',
                                  'required': 'required',
                                  'oninvalid': "this.setCustomValidity('Address is Required!')",
                                  'onchange': "this.setCustomValidity('')",
                                      }),
                            )

<强> HTML：

<div class="form-group">
    <label for="address" class="col-sm-3 control-label">Address</label>
<div class="col-sm-9">
    {{ form.address }}
</div>

您可以在此处查看表单的呈现方式：https://tableagent.com/reservation-system/

带引导程序的简单Django表单

1 个答案: