What’s the point of ?

by

Yep, there’s a reason – but (usually) only if you’re in a <form> element.

If you include a button in a form element without specifying it’s just a regular button, it defaults to a submit button.

<form>
    <button>I will submit the form when clicked!</button>
</form>

vs

<form>
    <button type="button">I won't!</button>
</form>

The first one is assumed to be type=submit since a type attribute hasn’t been specified.

If you are not in a <form> element, the button won’t have anything to submit, so it doesn’t matter as much. 🙂

Semantics usually become important at some point in your application’s lifetime, though, so it’s a good idea to make a habit of specifying the type.

The only other reason that could be relevant is if there’s a styling rule that specifies [type=button] or something. That’s not recommended, though.

More Related Contents:

  1. Close ad to continue as free user?
  2. Javascript / Html Check box error [closed]
  3. How do I retrieve an HTML element’s actual width and height?
  4. Show/hide ‘div’ using JavaScript
  5. In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?
  6. Document.write clears page
  7. Good tutorial for using HTML5 History API (Pushstate?) [closed]
  8. How can get the text of a div tag using only javascript (no jQuery)
  9. How can I set focus on an element in an HTML form using JavaScript?
  10. How to display JavaScript variables in a HTML page without document.write
  11. How to make a link open multiple pages when clicked
  12. script tag create with innerHTML of a div doesn’t work
  13. HTML selected option background-color CSS style
  14. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  15. How to get the position of text within an element?
  16. How can I copy rich text contents to the clipboard with JavaScript?
  17. Form Submit Execute JavaScript Best Practice? [closed]
  18. Text blinking jQuery
  19. How to clear a chart from a canvas so that hover events cannot be triggered?
  20. How to remove the parent element using plain Javascript
  21. Choosing Mobile Web HTML5 Framework [closed]
  22. How to Toggle a div’s visibility by using a button click
  23. How to disable elements selection and resizing in contenteditable div?
  24. JavaScript innerHTML is not working for IE?
  25. Show text letter by letter
  26. Set content of HTML with Javascript
  27. Failed to load resource from same directory when redirecting Javascript
  28. How to talk to UDP sockets with HTML5?
  29. Header message just like at Stack Overflow
  30. Possible to reverse a css animation on class removal?

Leave a Comment