HTML button to NOT submit form

by

I think this is the most annoying little peculiarity of HTML… That button needs to be of type “button” in order to not submit. 

<button type="button">My Button</button>

Update 5-Feb-2019: As per the HTML Living Standard (and also HTML 5 specification):

The missing value default and invalid value default are the Submit
Button state.

More Related Contents:

  1. How do I create an HTML element with attributes and events using JavaScript?
  2. Maximum call stack size exceeded error
  3. How to show the “Are you sure you want to navigate away from this page?” when changes committed?
  4. Link index.html client.js and server.js
  5. Best Practice: Access form elements by HTML id or name attribute?
  6. How to make HTML element resizable using pure Javascript?
  7. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  8. What is CDATA in HTML? [duplicate]
  9. How to display an image stored as byte array in HTML/JavaScript?
  10. HTML5 dragleave fired when hovering a child element
  11. Printing a web page using just url and without opening new window?
  12. Bootstrap 4 Dropdown Menu not working?
  13. How to load images dynamically (or lazily) when users scrolls them into view
  14. How to make a radio button unchecked by clicking it?
  15. :touch CSS pseudo-class or something similar?
  16. Open link in iframe [closed]
  17. d3.js – v3 and v4 – Enter and Update differences
  18. Multiple Select limit number of selection
  19. Check if element is between 30% and 60% of the viewport
  20. Can you use both the async and defer attributes on a HTML tag?
  21. How to vertically align all text in CSS?
  22. A plain JavaScript way to decode HTML entities, works on both browsers and Node
  23. how to display base64 encoded pdf?
  24. how to use jQuery ajax calls with node.js
  25. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  26. document.activeElement returns body in onblur handler
  27. refresh div with jquery
  28. Remove everything within script and style tags
  29. Clear localStorage on tab/browser close but not on refresh
  30. Getting a sticky header to “push up”, like in Instagram’s iPhone app using CSS and jQuery

Leave a Comment