首页 > 其他 > 详细

django form设置样式

时间:2019-08-20 12:03:05      阅读:128      评论:0      收藏:0      [点我收藏+]
以text input框为例
模板文件需要有bootstrape


from
django import forms class DepForm(forms.Form): name = forms.CharField(label="部门名称",widget=forms.TextInput(attrs={class:form-control})) #可以添加多个 count = forms.IntegerField(label="部门人数") #IntegerField没有这个属性 def department_add(request): form_obj = DepForm() return render(request,department_add.html,{form_obj:form_obj})

模板文件如下:
{% extends ‘layout.html‘ %}
{% block content %}

<div class="container">
<div style="margin-top: 20px">
<form class="form-horizontal">
<div class="form-group">
<label for="{{ form_obj.name.id_for_label }}" class="col-sm-2 control-label">{{ form_obj.name.label }}</label>
<div class="col-sm-8">
{# <input type="email" class="form-control" id="inputEmail3" placeholder="Email">#}
{{ form_obj.name }}
{{ form_obj.name.errors }}
</div>
</div>

<div class="form-group">
<label for="{{ form_obj.count.id_for_label }}" class="col-sm-2 control-label">{{ form_obj.count.label }}</label>
<div class="col-sm-8">
{{ form_obj.count }}
{{ form_obj.count.errors }}
</div>
</div>

<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Sign in</button>
</div>
</div>
</form>

</div>
</div>
{% endblock %}

 

django form设置样式

原文:https://www.cnblogs.com/guniang/p/11382077.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!