Django—Form表单-渲染

目录

1. form
2. 手动渲染
3. 循环渲染
4. 隐藏
5. 重用

---

• form

  ---

  <form action="/add/" method="post">
   {% csrf_token %}
   <ul>
   {{ form.as_ul }}
   </ul>
   <input type="submit" value="注册⼀个学⽣">
  </form>

• 手动渲染

  ---

  <form action="/add/" method="post">
   {% csrf_token %}
   <div>
   <label for="{{ form.name.id_for_label }}">姓名:</label>
   {{ form.name }}
   {{ form.name.errors }}
   </div>
   <div>
   <label for="{{ form.sex.id_for_label }}">性别:</label>
   {{ form.sex }}
   {{ form.sex.errors }}
   </div>
   <div>
   <label for="{{ form.age.id_for_label }}">年龄:</label>
   {{ form.age }}
   {{ form.age.errors }}
   </div>
   <input type="submit">
  </form>

• 循环渲染

  ---

  {% for field in form %}
   <div class="fieldWrapper">
   {{ field.errors }}
   {{ field.label_tag }} {{ field }}
   {% if field.help_text %}
   <p class="help">{{ field.help_text|safe }}</p>
   {% endif %}
   </div>
  {% endfor %}

• 隐藏

  ---

  {# Include the hidden fields #}
  {% for hidden in form.hidden_fields %}
  {{ hidden }}
  {% endfor %}
  {# Include the visible fields #}
  {% for field in form.visible_fields %}
   <div class="fieldWrapper">
   {{ field.errors }}
   {{ field.label_tag }} {{ field }}
   </div>
  {% endfor %}

• 重用

  ---

  # In your form template:
  {% include "form_snippet.html" %}
  # In form_snippet.html:
  {% for field in form %}
   <div class="fieldWrapper">
   {{ field.errors }}
   {{ field.label_tag }} {{ field }}
   </div>
  {% endfor %}