ContextQMD
Back to Content

Submit button

files/en-us/glossary/submit_button/index.md

latest2.0 KB
Original Source

A submit button is an {{Glossary("element")}} in HTML that can be used to submit a {{HTMLElement("form")}}. The native submit button elements are:

  • {{HtmlElement("button")}} (its default type is "submit")
  • {{HtmlElement('input/submit', '<input type="submit">')}}
  • {{HtmlElement('input/image', '<input type="image">')}}

In addition to submitting a form, a submit button can affect the form's behavior and what data is sent.

Overriding the form's behavior

Submit buttons can override the form's submission behavior through various attributes:

  • {{HtmlElement("button#formaction", "formaction")}}: Override the action attribute of the form.
  • {{HtmlElement("button#formenctype", "formenctype")}}: Override the enctype attribute of the form.
  • {{HtmlElement("button#formmethod", "formmethod")}}: Override the method attribute of the form.
  • {{HtmlElement("button#formnovalidate", "formnovalidate")}}: Override the novalidate attribute of the form.
  • {{HtmlElement("button#formtarget", "formtarget")}}: Override the target attribute of the form.

Form data entries

If the submit button is a {{HtmlElement("button")}} or {{HtmlElement('input/submit', '<input type="submit">')}} and has a name attribute, the form data set will include an entry for its name and value.

If the submit button is an {{HtmlElement('input/image', '<input type="image">')}}, the form data set will include entries for the X and Y coordinates that the user clicked on (e.g., x=100&y=200 or buttonName.x=123&buttonName.y=234).

See also