码迷,mamicode.com
首页 > 其他好文 > 详细

django form设置样式

时间:2019-08-20 12:19:54      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:containe   tin   label   hold   rom   code   htm   horizon   BMI   

以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设置样式

标签:containe   tin   label   hold   rom   code   htm   horizon   BMI   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!