MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

<input> elements of type "submit" are rendered as submit buttons — clicking one will attempt to submit the form to the sever.

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

Value A DOMString used as the button's label
Events click
Supported common attributes type, and value
IDL attributes value
Methods None

Value

An <input type="submit"> elements' value attribute contains a DOMString that is used as the button's label.

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

If you don't specify a value, you get an button with a default label like Submit/Submit Query (depending on the browser):

<input type="submit">

Using submit buttons

<input type="submit"> buttons are used to submit forms. If you want to create a custom button and then customize the behaviour using JavaScript, you need to use <input type="button">, or better still, a <button> element.

You do however need to bear in mind that if you only include a single button element inside a form (e.g. <button>My button</button>), the browser will count this as the submit button. You need to explicitly declare a submit button in addition to any other buttons you may want to include.

A simple submit button

We'll begin by creating a simple submit button:

<form> 
  <div>
    <label for="example">Let's submit some text</label>
    <input id="example" type="text" name="text">
  </div>
  <div>
    <input type="submit" value="Submit to me">
  </div>
</form>

This renders like so:

Try entering some text into the text field, and then submitting the form.

Upon submitting, the data name/value pair sent to the server in this case will be along the lines of text=mytext, depending on what text you entered into the text field. Where and how the data is submitted depends on how you set the <form> attributes (and other details) up — see Sending form data for more details.

Adding a submit keyboard shortcut

Keyboard shortcuts, also known as access keys and keyboard equivalents, let the user trigger a button using a key or combination of keys on the keyboard. To add a keyboard shortcut to a submit button — just as you would with any <input> for which it makes sense — you use the accesskey global attribute.

In this example, s is specified as the access key (you'll need to press s plus the particular modifier keys for your browser/OS combination; see accesskey for a useful list of those).

<form>
  <div>
    <label for="example">Let's submit some text</label>
    <input id="example" type="text" name="text">
  </div>
  <div>
    <input type="submit" value="Submit to me"
     accesskey="s">
  </div>
</form>

Note: The problem with the above example of course is that the user will not know what the access key is! In a real site, you'd have to provide this information in a way that doesn't intefere with the site design (for example by providing an easily accessible link that points to information on what the site accesskeys are).

Disabling and enabling a submit button

To disable a submit button, simply specify the disabled global attribute on it, like so:

<input type="submit" value="Disabled" disabled>

You can enable and disable buttons at run time by simply setting disabled to true or false; in JavaScript this looks like btn.disabled = true.

Note: See the <input type="button"> page for more ideas about enabling/disabling buttons.

Note: Firefox will, unlike other browsers, by default, persist the dynamic disabled state of a <button> across page loads. Use the autocomplete attribute to control this feature.

Validation

Submit buttons don't participate in constraint validation; they have no real value to be constrained.

Examples

We've included simple examples above. There isn't really anything more to say about submit buttons. 

Specifications

Specification Status
HTML Living Standard
The definition of '<input type="submit">' in that specification.
Living Standard
HTML5
The definition of '<input type="submit">' in that specification.
Recommendation

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) (Yes) (Yes) 1.0
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) 4.0 (4.0) (Yes) (Yes) (Yes)

See also

Document Tags and Contributors

 Contributors to this page: chrisdavidmills
 Last updated by: chrisdavidmills,