简单的Django的形式引导

我有一个使用Django模板引导：简单的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 }}或类似的东西。

上面显示了浏览器中每个字段末尾的“>”，所以很明显有些地方是错误的，如果我删除了“>它可以正常工作，并且格式正确，但是这显然是不正确的。

有人可以告诉我如何正确地做到这一点？对不起，这样的新手问题 - 我似乎无法在任何地方找到正确的答案！

谢谢。

来源

2016-04-08 JimAaronson

您不要在输入ID字段中插入{{form.field}}。 Django将为您生成输入字段。只要{{form.field}} – WayBehind

感谢您的答复。当我使用{{form.field}}在id =部分内部时，所有的CSS格式都被应用 - 例如占位符文本，我的样式表格中的字体格式等。当我使用{{form.field}}时，没有格式。任何想法？谢谢！ – JimAaronson

这是你可以格式化你的表单字段的自举：

形式：

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>

在这里，您CA n请参阅如何呈现表单：https://tableagent.com/reservation-system/

来源

2016-04-11 14:27:31 WayBehind

优秀 - 谢谢！ – JimAaronson

不用担心。很高兴我能帮上忙。如果答案是正确的，您可以将其标记为接受的答案。这将表明其他用户此代码正在工作。 – WayBehind

简单的Django的形式引导

回答

相关问题