What is the standard behavior for when a <button>
element is clicked in a form? Will it submit the form?
Question is about tag/element <button>
, not <input type=button>
.
The default behavior of the button. Possible values are: submit : The button submits the form data to the server. This is the default if the attribute is not specified for buttons associated with a <form> , or if the attribute is an empty or invalid value.
The form will be submitted to the server and the browser will redirect away to the current address of the browser and append as query string parameters the values of the input fields.
To show or hide a form on a button click: Add a click event listener to the button element. Each time the button is clicked check if the form element is hidden. If the form is hidden, show it, otherwise hide the form.
Definition and Usage. The <button> tag defines a clickable button. Inside a <button> element you can put text (and tags like <i> , <b> , <strong> , <br> , <img> , etc.). That is not possible with a button created with the <input> element!
If the button is within a form, the default behavior is submit.
If the button is not within a form, it will do nothing.
BUT BE AWARE!
Always specify the type attribute for the button. The default type for Internet Explorer is "button", while in other browsers (and in the W3C specification) it is "submit".
Taken from http://www.w3schools.com/tags/tag_button.asp
Yes it default to the submit
type.
type = submit|button|reset [CI]
This attribute declares the type of the button. Possible values:
submit
: Creates a submit button. This is the default value.
See: http://www.w3.org/TR/html401/interact/forms.html#h-17.5
So when the button
is inside a form it will submit it, when it's not inside a form, it still defaults to submit
but does nothing (since there's no form associated with it).
As raRaRa has pointed out below older versions of IE have the button
tag default type set to button
: http://www.thefutureoftheweb.com/blog/button-wont-submit-in-ie
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With