The HTML Form Submit Button

The basics of an HTML form submit button is discussed first in this article, moving towards more advanced topics like multiple submit buttons.

In order to create an HTML form submit button, you can use the HTML code below:
<input type="submit" name="mysubmit" value="Click!">

name: specifies the identification assigned to this submit button.
value: is the label that appears on the button.

The code above will create the submit button as shown below:

The name and value of the button that is used to submit the form is passed along with the other data to the server script. For the button above, when you click on the submit button, the data passed to the server side script is mysubmit=Click!

You can have more than one submit button in a form. But, how to identify from the server side which button submitted the form?

One way is to have different names for the submit buttons.

<input type="submit" name="Insert" value="Insert">
<input type="submit" name="Update" value="Update">

In the server side script you can do a check like this:
if(isset($Update))
{
  //Do update here..
}
else
if(isset($Insert))
{
  //Do insert Here
}

Note: The code depends on the server side scripting language you use. The code above is in PHP.

The second method is to have different values for submit buttons with the same name.

<input type="submit" name="Operation" value="Insert">
<input type="submit" name="Operation" value="Update">

and in the server side it could be handled like this:
if($Operation == "Update")
{
  //Do update here..
}
else
if($Operation == "Insert")
{
  //Do insert here
}

It is commonly required to switch the action field of the dynamically based on certain conditions.
Read: Switching HTML form 'action' field dynamically

How to submit a form on click of a hyperlink or an image?
Read: Tutorial on JavaScript Form Submit Methods

You can find more on HTML Forms in the HTML Form Tutorial

Using Simfatic forms, it is simple, quick & easy to create HTML forms. Click here for more info.