Pulsanti del modulo in JavaScript

Sai già che un modulo viene inviato premendo un pulsante. Tuttavia, qui ci sono delle sfumature. Il pulsante deve avere l'attributo type con valore submit:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="submit">
</form>

Il modulo sarà inviato anche dal tag button con l'attributo type con valore submit:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <button type="submit">btn</button>
</form>

Il modulo sarà inviato anche se si mette il focus in uno degli input e si preme Enter.

Il pulsante con l'attributo type con valore button viene utilizzato come elemento della pagina e non invierà il modulo:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="button">
</form>

Allo stesso modo funzionerà il tag button:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <button>btn</button>
</form>

Il pulsante con l'attributo type con valore reset pulirà il modulo compilato:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="reset">
  <input type="submit">
</form>

html<form>
  <input name="name">
  <input name="surn">
  <button>send</button>
</form>