YUI provides for the creation of forms dynamically without the need for pre-existing markup through the Button object.

Despite its name, the button is a rich widget that supports the creation of:

• Push Buttons
• Link Buttons
• Submit Buttons
• Reset Button
• Checkboxes
• Radios
• Menus
• Split button (hybrid button menus)

Today we are exploring the creation of buttons dynamically from javascript.   Creation itself is simple. 

The syntax is:

 var oButton = new YAHOO.widget.Button({ id: "mybuttonid", type: "button", label: "My Button", container: "someelement" });

 

Where:

• id = the id of the element to be created
• type = the type of button (push, link, submit, reset, checkbox, radio, menu or split)
• label = the visual label to display
• container = the element in which to append the button.

Id and type are optional, Defaulting to a randomly created ID & "button" respectively.

• Building a Form in a Modal Panel with YUI
• Getting and setting values for jQuery widgets
• YUI Menu: A widget for the masses.
• YUI Color Picker
• Handling Multiple File Uploads with ExtJS File Uploader & PHP
• Build a YUI Panel from Content
• 5 Open Source Rich Text Editors
• How to Write a jQuery Plugin
• Customized context menu handling with jQuery
• Helpful error handling in jQuery