HTML button fields, submit and reset, Free online HTML Tutorial, Learn HTML online for free...

There are three types of buttons in HTML, i.e., simple buttons, reset buttons and submit buttons.

Simple Buttons can be added as under:

This is a button<input type="button" value="Test Button" name="btn">

The output will be:

Buttons are used to intiate an action, when a user clicks on them. The value of the value attribute appears on the button face.

Reset buttons can be added as under:

This is a reset button<input type="reset">

The output will be:

Reset buttons in a form are used to clear the contents of the form. When the user clicks on a reset button the contents of every form element is reset. In the case of a reset button we do not need to use the value and name attributes, but we can if we want to.

Submit Button:

Every form usually has a submit button. When the user clicks on a submit button it submits the data to the sever. A submit button can be added as under:

This is a submit button<input type="submit"> </form>

The output will be:

Like a reset button, we need not to specify the value and the name attributes, but we can if we want to.