HTML Form Buttons

Buttons are essential to HTML forms, because without them the user has no way of indicating that they have finished filling out the form and want to submit it for processing. There are two main types of form buttons: Submit & Reset

The input tag <input> is used to create both submit and reset buttons using a type of either "submit" or button".

The Submit Button

<form action="what-to-do-next.php" method="post">
  <input type="submit" name="send" value="Send For Processing!" />
</form>

The result is:

Of the three attributes in our example, only two are required. The "type" is self-explanatory and the "value" defines the text that shows up on the button. The name is necessary if you will need to later identify which button was clicked, or at times for CSS, etc.

The Reset Button

The reset button will return all fields in the form to their default values when it is clicked.

<form action="what-to-do-next.php" method="post">
  <input type="reset" value="Reset" />
</form>