Snippets of django form fields.

form_as_ul.html

{% load i18n %}
{% if f %}
    <li class="form-field {% if forloop and forloop.counter|divisibleby:2 %}even{% endif %} {{f.auto_id }} {{f.field.widget.attrs.li_class}} {% if f.errors %} invalid error{% endif %}">
        {% if f.field.before %}
            <span class="before">{{f.field.before}}</span>
        {% endif %}
        {% if f.field.or_divider %}
            <div class="or-divider-container"><div class="or-divider">{% trans "or" %}</div></div>
        {% endif %}
        {% if f.help_text and tooltip %}
            <div class="input_wrapper with_tooltip show_tooltip">
        {% endif %}
        {% if f.label %}
            {{f.label_tag}}
        {% endif %}
        {{f}}
        {% if f.help_text and tooltip %}
            <span class="tooltip_marker">?</span>
        {% endif %}
        {% if not no_errors %}
            {% if f.errors %}
                <small>{{f.errors}}</small>
            {% endif %}
        {% endif %}
        {% if f.help_text  and not tooltip %}
            <span class="help_text {{f.field.widget.attrs.help_text_class}}">
                {{f.help_text|safe}}
            </span>
        {% endif %}
        {% if f.help_text and tooltip %}
            </div>
        {% endif %}
        {% if f.help_text  and tooltip %}
            {{f.help_text|safe}}
        {% endif %}
    </li>
{% endif %}

form_as_ul_with_required_fields.html

<li class="form-field {{f.auto_id }} {{f.field.widget.attrs.li_class}} {% if f.errors %} invalid error{% endif %}">
    <label for="{{ f.auto_id }}">{{ f.label }}
        {% if f.field.required %}<span class="required">*</span>{% endif %}
    </label>
    
    {{f}}
    {% if f.errors %}
    <small>{{f.errors}}</small>
    {% endif %}
    {% if f.help_text %}
    <span class="help_text {{f.field.widget.attrs.help_text_class}}">
        {{f.help_text|safe}}
    </span>
    {% endif %}
</li>

inline_label_form_as_ul.html

<li class="row form-field {{f.auto_id }} {{f.field.widget.attrs.li_class}} {% if f.errors %} invalid error{% endif %}">
    {% if f.label %}
        <div class="{% if label_columns %} {{label_columns}} {% else %}columns large-4{% endif%}">
            {% include "inc/forms/label_with_class.html" with class="inline" %}
        </div>
    {% endif %}
    <div class="{% if input_columns %} {{input_columns}} {% else %}columns large-8{% endif %} {% if not f.errors %}pull-4{% endif %}">
        {{f}}
    </div>
    {% if f.errors %}
        <div class="columns large-4">{{f.errors}}</div>
    {% endif %}
</li>

label_with_class.html

<label for="{{f.auto_id}}" class="{{class}}">{{f.label|safe}}</label>