html5 django form fields Jul

If you're ever developing for mobile it's really handy to use the HTML5 form inputs for things like email and url to bring up the contextual keyboard layouts.

An easy way to create the HTML5 input elements is to extend the Input widget input_type.

from django import forms
from django.widgets import Input

class Html5EmailInput(Input):
    input_type = 'email'

class Html5URLInput(Input):
    input_type = 'url'

class CustomForm(forms.Form):
    email = forms.CharField(widget=Html5EmailInput())
    url = forms.CharField(widget=Html5URLInput())
Bookmark and Share
blog comments powered by Disqus