I have to use a submit button to submit one of my forms on a website. Is it possible to use the <button> element as a submit button? Do I also add the type="submit" attribute to the <button> element? i.e.
<button type="submit">Go</button>
Add a comment
|
3 Answers
Yes, it's possible!
In fact, the <button>'s default behavior is to act as a submit button, so:
<button>Go</button>
Will do what you expect it to! Buttons are also slightly easier to style, and you can keep them consistent with other types of buttons without adding extra rules or selectors in your CSS.
It's worth noting that IE 7 and 6 have some pretty horrible bugs when using <button value="whatever">Something Else</button>. If you want lower IE compatibility and to use the value= attribute, don't use <button>
11 Comments
Wilf
If you use <button> as a submit you need to add type=submit as well. Otherwise, it is a type=button by default.
Madara's Ghost
Wrong,
type=submit is the default type value. Also see the specsWilf
Have you tried put <button> inside a form element? If not go and have a try so you'll learn a lot.
Madara's Ghost
According to the specs,
submit: Creates a submit button. This is the default value. Emphasis mine. If you want, we can continue this discussion in chat
Denys Séguret
"If not go and have a try so you'll learn a lot.". For an experienced user this sounds exactly as "I don't know what I'm speaking about"
|
Following are also 2 types to submit forms
<input type="submit">The following script
<script> function SubmitFunction() { document.getElementById("formid").submit(); } </script> <form id="formid" action="abc.php"> <input type="button" onclick="SubmitFunction()" value="Submit"> </form>
1 Comment
NOT_A_ROBOT
While this solution may still work, I would use a
<button> element instead of an <input type="button"> element. I'd also recommend using <element>.addEventListener('click', ...); instead of directly setting an onclick attribute on the element.yes
You can use but I have heard that If you use the <button> element in an HTML form,
different browsers may submit different values. Use <input> to create buttons in an HTML form.
5 Comments
Ian Clark
You've heard? Heard where?
Ian Clark
OK, so some information from MDN: "IE7 has a bug where when submitting a form with <button... value="foo">Click me</button>, the POST data sent will result in myButton=Click me instead of myButton=foo. IE6 has an even worse bug where submitting a form through a button will submit ALL buttons of the form, with the same bug as IE7. This bug has been fixed in IE8". So, to be specific - if you want IE7 compatibility, and want the button to pass a value, don't use it.
Ian Clark
FYI - you should "check it", as it's your answer!
user3218194
w3schools.com/tags/tag_button.asp Read this link, Hope this satisfies u
Triynko
Firefox does not submit the button's value at all. Same exact page works fine in Chrome and submits the buttons value when clicked. Standards my ass.