Gallery

<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.08.18-17-12',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-form-base', function(Y) {
 
	// Creating a basic form
 
	var form = new Y.Form().render('#demo');
 
	// Adding fields to the form via script
 
	form.add([
		{ id: 'field1', labelText: 'Label 1', value: 'field 1' },
		{ id: 'field2', labelText: 'Label 2', value: 'field 2' },
		{ id: 'field3', labelText: 'Label 3', value: 'field 3' },
		{ id: 'field4', labelText: 'Label 4', value: 'field 4' },
		{ id: 'field5', labelText: 'Label 5', value: 'field 5' },
		{ id: 'field6', labelText: 'Label 6', value: 'field 6' },
		{ id: 'field7', labelText: 'Label 7', value: 'field 7' }
	],
	true);
 
	// Setting values on the form
 
	form.set('values', {
		field1: 'This is field 1',
		field2: 'This is field 2',
		field3: 'This is field 3'
	});
 
	// Checking if the form fields have been changed
 
	form.isDirty(); // returns true
 
	// Resetting the values to their original values
 
	form.resetValues();
 
});