Semantic Forms

Import from semantic_forms

from semantic_forms import SemanticForm, SemanticModelForm, SemanticCharField, SemanticDateTimeField, SemanticDateField, SemanticTimeField, SemanticTextareaField, SemanticCheckboxField, SemanticRadioChoiceField, SemanticCheckboxMultipleChoiceField, SemanticChoiceField, SemanticMultipleChoiceField

Subclass SemanticForm or SemanticModelForm

class AwesomeForm(SemanticForm):
field = SemanticCharField()

Inherit from semantic_ui/base.html

{% extends "semantic_forms/base.html" %}

{% block extrahead %}{{ form.media }}{% endblock %}

{% block content %}
<form class="ui form{% if errors %} error{% endif %}" action="/" method="post" novalidate>
    {% csrf_token %}{{ form }}
</form>
{% endblock %}

Char:

char_field = SemanticCharField()

Datetime:

datetime_field = SemanticDateTimeField()

Date:

date_field = SemanticDateField()

Time:

time_field = SemanticTimeField()

Text:

textarea_field = SemanticTextareaField()

Checkbox

checkbox_field = SemanticCheckboxField()

Radio:

red

green

blue

radio_field = SemanticRadioChoiceField()

Checkbox select:

red

green

blue

checkbox_select_field = SemanticCheckboxMultipleChoiceField()

Select:

select_field = SemanticChoiceField()

Select multiple:

select_multiple_field = SemanticMultipleChoiceField()