Tag Description
<button>
<button type="submit">
<button type="reset">
<input type="submit">
<input type="reset">
<input type="button">
<input type="image">
The <button> tag defines a push button. You can use the type attribute to define the style of button you are using. Valid types are:

<button> - default value is "button" in all browsers except IE
<button type="submit"> defines a submit button, default in IE
<button type="reset"> defines a reset button

The <input> tag is used to select user information. Its type attribute specifies the type of an input element. Some of these button related types are:

<input type="button"> defines a clickable button.
<input type="image"> defines an image as a submit button.
<input type="reset"> defines a reset button which resets all form fields to their inital values.

Examples

Type HTML Code Display
<button>

<form action="somepage.asp">
    <p>
        <button name="button" 
                value="OK" 
                type="button">
                Click Me
        </button>
    </p>
</form> 
                

<button>

<form action="somepage.asp">
    <p>
        <button name="button" 
                value="OK" 
                type="button" 
                disabled="disabled">
                Click Me
         </button>
    </p>
</form>
                

<button type="submit">

<form action="somepage.asp">
    <p>
        <button name="button" 
                value="OK" 
                type="submit">
                Click Me
        </button>
    </p>
</form>
                

<button type="submit">

<form action="somepage.asp">
    <p>
        <button name="button" 
                value="OK" 
                type="submit" 
                disabled="disabled">
                Click Me
         </button>
     </p>    
</form>
                

<button type="reset">

<form action="somepage.asp">
    <p>
        <button name="button" 
                value="OK" 
                type="reset">
                Reset Values
         </button>
     </p>    
</form>                   
                

<button type="reset">

<form action="somepage.asp">
    <p>
        <button name="button" 
                value="OK" 
                type="reset" 
                disabled="disabled">
                Reset Values
        </button>
    </p>
</form>
                

<input type="button">

<form action="somepage.asp">
    <p>
        <input type="button" 
               value="Please Click Me!" />
    </p>
</form>                
                

<input type="button">

<form action="somepage.asp">
    <p>
        <input type="button" 
               value="Please Click Me!" 
               disabled="disabled"/>
    </p>           
</form>
                

<input type="submit">

<form action="somepage.asp">
    <p>
        <input type="submit" 
               value="Please Click Me!" />
    </p>
</form>                
                

<input type="submit">

<form action="somepage.asp">
    <p>
        <input type="submit" 
               value="Please Click Me!" 
               disabled="disabled"/>
    </p>
</form>
                

<input type="reset">

<form action="somepage.asp">
    <p>
        <input type="reset" 
               value="Reset Values" />
    </p>               
</form>
                

<input type="reset">

<form action="somepage.asp">
    <p>
        <input type="reset" 
               value="Reset Values" 
               disabled="disabled"/>
    </p>               
</form>
                

<input type="image">

<form action="somepage.asp">
    <p>
        <input type="image" 
               src="../../images/go.gif" 
               alt="Login" />
    </p>
</form>
                

<input type="image">

<form action="somepage.asp">
    <p>
        <input type="image" 
               src="../../images/go.gif" 
               disabled="disabled" 
               alt="Login" />
    </p>           
</form>