YUI Library JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. YUI Library
  4. YUI reset button from HTML tag




    
Reset Buttons

/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
  margin:0;
  padding:0;
}








    #button-example-form fieldset, 
    #button-example-form fieldset div {
        border: 2px groove #ccc;
        margin: .5em;
        padding: .5em;
    }




Reset Buttons



  

This example demonstrates different ways to create a Button that functions like an HTML reset button (<input type="reset"/> and <button type="reset"/>).

      



    YAHOO.example.init = function () {
        // "contentready" event handler for the "resetbuttonsfrommarkup" 

        YAHOO.util.Event.onContentReady("resetbuttonsfrommarkup", function () {
            // Create a Button using an existing  element as a data source
            var oResetButton1 = new YAHOO.widget.Button("resetbutton1");
            // Create a Button using an existing 
            

            

                
                Reset Form
            

        
        
            From JavaScript
        
    





   
  
yui_2.7.0b.zip( 4,431 k)