Django和Bootstrap模态形式
我目前正在建立一个网站的联系功能。我用Django和Bootstrap构建站点。为了联系网站背后的人,用户单击顶部导航栏中名为Django和Bootstrap模态形式,django,twitter-bootstrap,django-forms,modal-dialog,Django,Twitter Bootstrap,Django Forms,Modal Dialog,我目前正在建立一个网站的联系功能。我用Django和Bootstrap构建站点。为了联系网站背后的人,用户单击顶部导航栏中名为Contact的元素。此元素打开一个引导模式。目前,模态按预期工作,如下所示: 代码是: <div class="modal fade" id="kontakt" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"
Contact
的元素。此元素打开一个引导模式。目前,模态按预期工作,如下所示:
代码是:
<div class="modal fade" id="kontakt" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<form action="" class="form-horizontal">
<div class="modal-header">
<h4>Contact us</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="kontakt-name" class="col-lg-2 control-label">Name</label>
<div class="col-lg-10">
<input type="text" class="form-control" id="kontakt-name" placeholder="Name">
</div>
</div>
<div class="form-group">
<label for="kontakt-email" class="col-lg-2 control-label">E-Mail</label>
<div class="col-lg-10">
<input type="email" class="form-control" id="kontakt-email" placeholder="Email-Address">
</div>
</div>
<div class="form-group">
<label for="kontakt-nachricht" class="col-lg-2 control-label">Message</label>
<div class="col-lg-10">
<textarea class="form-control" id="kontakt-nachricht" rows="8"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" type="submit">Send</button>
<a href="#" class="btn btn-default" data-dismiss="modal">Close</a>
</div>
</form>
</div>
</div>
</div>
为了将此表单提供给所有模板(在base.html中实现),我编写了一个运行良好的上下文预处理器
是否有可能将Django表单呈现为我想要的html?我尝试了django-bootstrap3,但是这个应用程序没有在一行中呈现标签和输入。当我用Django(没有任何第三方应用程序)替换输入字段时,类
表单控件
和id是错误的。您试过了吗?在本模块中,您可以将模板名称设置为bootstrap3
。是要将表单呈现到所需页面,还是每次将一个表单呈现到具有不同属性的所有页面?我不明白你所说的“id是错误的”是什么意思。我想在我所有的网站上使用这个表格。它在mybase.html
中实现,所有其他站点都扩展了它。因此,我编写了一个预处理器,使表单可用于我网站的每个站点。如果我使用Django呈现输入字段,它将使用与标签标记不匹配的其他id。
class ContactForm(forms.Form):
name = forms.CharField(max_length=255)
email = forms.EmailField()
message = forms.CharField(widget=forms.Textarea)