Read more

Be careful when using buttons without a "type" attribute

Tobias Kraze
March 10, 2015Software engineer at makandra GmbH

Be careful when using buttons without a type attribute, since browsers will consider them the default submit button of a form.

Illustration web development

Do you need DevOps-experts?

Your development team has a full backlog? No time for infrastructure architecture? Our DevOps team is ready to support you!

  • We build reliable cloud solutions with Infrastructure as code
  • We are experts in security, Linux and databases
  • We support your dev team to perform
Read more Show archive.org snapshot

Suppose you have this form:

<form action="/save">
  <input type="text" />
  <button onclick="alert('Alert!')">Alert</button>
  <button type="submit">Save</button>
</form>

If you press the enter key inside in the text input, browsers will trigger the first button and show the alert.

To fix this, add a type="button" attribute to the first button.

Posted by Tobias Kraze to makandra dev (2015-03-10 10:34)