Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

HTML 5 Forms (gallery-html5-forms)

Last Updated: 09/3/12

+ 1 -

Matt Snider

YUI Contributor

See 2 more by this user.

Created: 11/14/10
Project: YUI 3
License: YUI BSD
YUI Version: 3.7.0pr1
Free for use.

The HTML 5 forms project emulates the new attributes and input types available in HTML 5 for legacy browsers.

It current supports the attributes: autofocus, min, max, pattern, placeholder, and required
And the new types: email and url

More information is available at:
http://mattsnider.com/legacy-support-for-html-5-forms/

Tags:
matt.snider

To use the HTML 5 Forms gallery, simply include the module, create a new instance, and render it. You may also provide an 'aftervalidationfx' function which will be called each time any field is validated.

Code Sample

YUI().use('gallery-html5-forms', function(Y) {
 
	function aftervalidationfx(elNode, boolValid) {
		// do something after a field validates or not
	}
 
	var html5Form = new Y.HTML5FormSupport({
                boundingBox: '#id_form_test',
                aftervalidationfx: aftervalidationfx
        });
	html5Form.render();
 
});

Forum Posts

No forum posts for this module.