Question

I’m working on a javascript app that has a form with a button that processes inputs in the browser. It is important that the data never accidentally get sent to the server when the button is pushed. Situations where this might happen is the browser may not have javascript enabled or the DOM implementation may have a bug where the click binding on the button is lost briefly (I’ve seen this happen once in testing but not in a way that is reproducible).

The obvious way to do this seems to be to not have a button or a submit but some other structure which I would style to look like a button. Are there better ideas? Is there anything like a form attribute that disables data being sent from the form — and is well implemented across browsers?

Thanks

Answer 1

<input type='button'> 

does not submit a form, unlike

<input type='submit'>