• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • Tutorials
    • API Docs
  • Community
    • Gallery
    • Blog »
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • YUI 2
    • YUI Compressor
    • YUI Doc »
    • YUI Builder
    • YUI PHP Loader
    • YUI Test
    • YUI Website
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • FAQ
  • Developer FAQ
  • Developer Guide
  • Module Setup

Tag Cloud

animation node event davglass liferay model plugin caridy nzakas satyam jafl greghinch lsmith table widget apipkin yql foxxtrot async css solmsted io ericf datatable form

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: 11/14/10
    + 1 -

    Matt Snider

    YUI Contributor

    See 2 more by this user.

    Created: 11/14/10
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.3.0 PR1
    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://www.mattsnider.com/javascript/legacy-support-form-html5-forms/

    • Tags:
    • matt.snider
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    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.

    © 2006-2011 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info