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 UI/UX Design

UI/UX Design by makandra brand

We make sure that your target audience has the best possible experience with your digital product. You get:

  • Design tailored to your audience
  • Proven processes customized to your needs
  • An expert team of experienced designers
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)