我目前正在建立一个具有联系功能的网站。我用Django和Bootstrap构建了这个站点。要联系网站后面的人,用户点击顶部导航栏中名为Contact
的元素。这个元素打开一个Bootstrap模态。目前模态按预期工作,看起来像:
代码是:
<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>
因为我想将用户写的数据发送到Django后端,我写了一个表格:
class ContactForm(forms.Form):
name = forms.CharField(max_length=255)
email = forms.EmailField()
message = forms.CharField(widget=forms.Textarea)
为了向所有模板提供此表单(在base.html中实现),我编写了一个工作正常的上下文预处理器。
是否有可能将Django表单呈现给我想要的html?我试过了django-bootstrap3
但是这个应用程序没有将标签和输入呈现在一行中。当我用Django(没有任何第三方应用程序)替换输入字段时,类form-control
和id是错误的。