Improved form rendering

examples/app.py

@@ -2,8 +2,9 @@
 from flask import Flask, render_template, request
 
 from flask_wtf import FlaskForm
-from wtforms import StringField, SubmitField, BooleanField, PasswordField
-from wtforms.validators import DataRequired, Length
+from wtforms.validators import DataRequired, Length, InputRequired
+from wtforms.fields import *
+from wtforms.fields import html5
 
 from flask_bootstrap import Bootstrap
 from flask_sqlalchemy import SQLAlchemy
@@ -14,12 +15,60 @@
 bootstrap = Bootstrap(app)
 db = SQLAlchemy(app)
 
-
-class HelloForm(FlaskForm):
-    username = StringField('Username', validators=[DataRequired(), Length(1, 20)])
-    password = PasswordField('Password', validators=[DataRequired(), Length(8, 150)])
-    remember = BooleanField('Remember me')
-    submit = SubmitField()
+choices = list({"choice_0": "First Choice", "choice_1": "Second choice", "choice_3": "Third choice"}.items())
+
+
+class CoreForm(FlaskForm):
+    boolean = BooleanField("Boolean", validators=[InputRequired()])
+    decimal = DecimalField("Decimal", description="Some Description!")
+    date = DateField("Date")
+    date_time = DateTimeField("DateTime", render_kw={"placeholder": "Test"})
+    fieldlist = FieldList(StringField("FieldList (String)"), label="FieldList", min_entries=3)
+    float = FloatField("Float")
+    integer = IntegerField("Integer", validators=[DataRequired()])
+    radio = RadioField("Radio", choices=choices)
+    select = SelectField("Select", choices=choices, validators=[InputRequired()])
+    select_multiple = SelectMultipleField("SelectMultiple", choices=choices)
+    string = StringField("String")
+    time = TimeField("Time")
+
+
+class SimpleForm(FlaskForm):
+    text_area = TextAreaField("TextAreaField")
+    password = PasswordField("Password", validators=[DataRequired()])
+    file = FileField("File")
+    multiple_file = MultipleFileField("MultipleFile")
+    hidden = HiddenField("Hidden")
+    submit = SubmitField("Submit")
+
+
+class HTML5Form(FlaskForm):
+    html5_date = html5.DateField("DateField")
+    html5_date_time = html5.DateTimeField("DateTimeField")
+    html5_date_time_local = html5.DateTimeLocalField("DateTimeLocalField")
+    html5_decimal = html5.DecimalField("DecimalField")
+    html5_decimal_range = html5.DecimalRangeField("DecimalRangeField")
+    html5_email = html5.EmailField("EmailField")
+    html5_integer = html5.IntegerField("IntegerField")
+    html5_integer_range = html5.IntegerRangeField("IntegerRangeField")
+    html5_search = html5.SearchField("SearchField")
+    html5_tel = html5.TelField("TelField")
+    html5_time = html5.TimeField("TimeField")
+    html5_url = html5.URLField("URLField")
+
+class RecaptchaForm(FlaskForm):
+    # RECAPTCHA_PUBLIC_KEY and RECAPTCHA_PRIVATE_KEY must be set in the config
+    # flask_wtf_recaptcha = RecaptchaField("RecaptchaField")
+    pass
+
+class InnerForm(FlaskForm):
+    email = html5.EmailField("Email")
+    password = PasswordField("Password")
+    boolean = BooleanField("Remember me?")
+
+class HelloForm(CoreForm, SimpleForm, HTML5Form):
+    formfield = FormField(InnerForm, label="FormField")
+    fieldlist = FieldList(FormField(InnerForm), label="FormField inside FieldList", min_entries=2)
 
 
 class Message(db.Model):

examples/templates/base.html

@@ -36,4 +36,4 @@
 
 {{ bootstrap.load_js() }}
 </body>
-</html>
+</html>

examples/templates/form.html

@@ -2,15 +2,13 @@
 {% from 'bootstrap/form.html' import render_form, render_field %}
 
 {% block content %}
-    <h1>render_form</h1>
+    <h1>Standard Form</h1>
     {{ render_form(form) }}
 
-    <h1>render_field</h1>
-    <form method="post">
-    {{ form.csrf_token }}
-    {{ render_field(form.username) }}
-    {{ render_field(form.password) }}
-    {{ render_field(form.remember) }}
-    {{ render_field(form.submit) }}
-    </form>
+    <br>
+    <br>
+    <br>
+
+    <h1>Horizontal Form, with bootstrap custom labels</h1>
+    {{ render_form(form, custom=true, horizontal=true) }}
 {% endblock %}