improved examples with autocapitalization (#189)

* improved examples with autocapitalization * example for month added
helloflask · Jun 29, 2022 · 8aaffd8 · 8aaffd8
1 parent 525eb77
commit 8aaffd8
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/examples/bootstrap4/app.py b/examples/bootstrap4/app.py
@@ -34,20 +34,21 @@ class ExampleForm(FlaskForm):
     datetime = DateTimeField(render_kw={'placeholder': 'this is a placeholder'})  # add HTML attribute with `render_kw`
     datetime_local = DateTimeLocalField()
     time = TimeField()
+    month = MonthField()
     floating = FloatField()
     integer = IntegerField()
     decimal_slider = DecimalRangeField()
     integer_slider = IntegerRangeField(render_kw={'min': '0', 'max': '4'})
     email = EmailField()
     url = URLField()
-    search = SearchField()
     telephone = TelField()
     image = FileField(render_kw={'class': 'my-class'}, validators=[Regexp('.+\.jpg$')])  # add your class
     option = RadioField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     select = SelectField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     select_multiple = SelectMultipleField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     bio = TextAreaField()
-    title = StringField()
+    search = SearchField() # will autocapitalize on mobile
+    title = StringField() # will not autocapitalize on mobile
     secret = PasswordField()
     remember = BooleanField('Remember me')
     submit = SubmitField()

diff --git a/examples/bootstrap4/templates/form.html b/examples/bootstrap4/templates/form.html
@@ -10,20 +10,21 @@ <h2>Example Form</h2>
     datetime = DateTimeField(render_kw={'placeholder': 'this is a placeholder'})  # add HTML attribute with `render_kw`
     datetimelocal = DateTimeLocalField()
     time = TimeField()
+    month = MonthField()
     floating = FloatField()
     integer = IntegerField()
     decimalslider = DecimalRangeField()
     integerslider = IntegerRangeField(render_kw={'min': '0', 'max': '4'})
     email = EmailField()
     url = URLField()
-    search = SearchField()
     telephone = TelField()
     image = FileField(render_kw={'class': 'my-class'}, validators=[Regexp('.+\.jpg$')])  # add your class
     option = RadioField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     select = SelectField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     selectmulti = SelectMultipleField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     bio = TextAreaField()
-    title = StringField()
+    search = SearchField() # will autocapitalize on mobile
+    title = StringField() # will not autocapitalize on mobile
     secret = PasswordField()
     remember = BooleanField('Remember me')
     submit = SubmitField()</pre>

diff --git a/examples/bootstrap5/app.py b/examples/bootstrap5/app.py
@@ -34,20 +34,21 @@ class ExampleForm(FlaskForm):
     datetime = DateTimeField(render_kw={'placeholder': 'this is a placeholder'})  # add HTML attribute with `render_kw`
     datetime_local = DateTimeLocalField()
     time = TimeField()
+    month = MonthField()
     floating = FloatField()
     integer = IntegerField()
     decimal_slider = DecimalRangeField()
     integer_slider = IntegerRangeField(render_kw={'min': '0', 'max': '4'})
     email = EmailField()
     url = URLField()
-    search = SearchField()
     telephone = TelField()
     image = FileField(render_kw={'class': 'my-class'}, validators=[Regexp('.+\.jpg$')])  # add your class
     option = RadioField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     select = SelectField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     select_multiple = SelectMultipleField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     bio = TextAreaField()
-    title = StringField()
+    search = SearchField() # will autocapitalize on mobile
+    title = StringField() # will not autocapitalize on mobile
     secret = PasswordField()
     remember = BooleanField('Remember me')
     submit = SubmitField()

diff --git a/examples/bootstrap5/templates/form.html b/examples/bootstrap5/templates/form.html
@@ -10,20 +10,21 @@ <h2>Example Form</h2>
     datetime = DateTimeField(render_kw={'placeholder': 'this is a placeholder'})  # add HTML attribute with `render_kw`
     datetimelocal = DateTimeLocalField()
     time = TimeField()
+    month = MonthField()
     floating = FloatField()
     integer = IntegerField()
     decimalslider = DecimalRangeField()
     integerslider = IntegerRangeField(render_kw={'min': '0', 'max': '4'})
     email = EmailField()
     url = URLField()
-    search = SearchField()
     telephone = TelField()
     image = FileField(render_kw={'class': 'my-class'}, validators=[Regexp('.+\.jpg$')])  # add your class
     option = RadioField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     select = SelectField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     selectmulti = SelectMultipleField(choices=[('dog', 'Dog'), ('cat', 'Cat'), ('bird', 'Bird'), ('alien', 'Alien')])
     bio = TextAreaField()
-    title = StringField()
+    search = SearchField() # will autocapitalize on mobile
+    title = StringField() # will not autocapitalize on mobile
     secret = PasswordField()
     remember = BooleanField('Remember me')
     submit = SubmitField()</pre>