使用django-crispy-form美化form表单

django-crispy-form的具体使用参照https://django-crispy-forms.readthedocs.io/en/latest/install.html#installing-django-crispy-forms

1、首先下载django-crispy-form包

    使用 pip install django-crispy-form

2、具体配置

        1)在 settings.py 的 INSTALLED_APPS 中加 'crispy_forms',

        2)在 settings.py 中加 CRISPY_TEMPLATE_PACK = 'bootstrap3'

        3)在公共的html中 顶部加{% load crispy_forms_tags %},

标签中加 {{ form | crispy }}

          例如:        

         {% load crispy_forms_tags %}
         
             {% csrf_token %}
             {{ form | crispy }}
     {#        {{ form }}#}
     {#        {{ form.as_p }}#}
     {#        {{ form.as_table }}#}
     {#        {{ form.as_ul }}#}
             
         

        4)在bootstrap(官网:https://www.bootcdn.cn/)中下载样式:

    要显示的html中:

    在中加bootstrap的css样式(3.3.7版本的):

         

    在中加bootstrap的js样式(3.3.7版本的):

         

     在中加bootstrap的jq样式(放在js的上面):

         

        例如:

           

     
     
     
         
         Django Form
         
     
     
     div 

Django Form 表单


{#
#} {# {% csrf_token %}#} {# {{ form }}#} {# {{ form.as_p }}#} {# {{ form.as_table }}#} {# {{ form.as_ul }}#} {# #} {#
#} {% include 'snippet/form.html' %}

           

你可能感兴趣的:(使用django-crispy-form美化form表单)