Webmaster Resources Center

Welcome to the Bravenet Resource Center. Use these resources to help make your web pages more advanced and fun to use.

Forms Tutorials

Submit Button

The final step in building a form is providing visitors with a button they can click on that will submit the information they have added to your form. This is done by adding a special <input> tag called a 'submit' tag.

When a visitor clicks the submit button, the form is activated and processed using the action defined in the opening form tag. The submit button uses a standard <input> tag defined with its own special 'type'. It has a couple of attributes that should be defined for best results:

  1. TYPE - specify the type of input to use for this field
  2. VALUE - assign what text should display on the button

Let's write a basic submit button input tag, step by step, to show how the tag is correctly coded. First we start with the opening input tag:

<input

Next we need to define what sort of input field we want to use. In this case we are coding a submit button, so we enter "Submit" as the type:

<input type="submit"

The final step in creating your submit button is to include the text that you wish to display on the button, by adding the text to the value attribute, like this:

<input type="submit" value="Submit">

Here is how the submit button will appear in a form on a webpage:

The text displayed on the button can be anything you like. Here are some common examples of text used on submit buttons:

<input type="submit" value="Submit">
<input type="submit" value="Go">
<input type="submit" value="Continue">
<input type="submit" value="Finish">
<input type="submit" value="Click here">

The buttons coded above will display in a browser, like this: