Botões de formulário em JavaScript

Você já sabe que um formulário é enviado clicando em um botão. No entanto, há nuances aqui. O botão deve ter o atributo type com o valor submit:

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

A tag button também enviará o formulário com o atributo type com o valor submit:

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

O formulário também será enviado se em qualquer um dos inputs o foco estiver ativo e a tecla Enter for pressionada.

O botão com o atributo type com o valor button é usado como um elemento da página e não enviará o formulário:

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

A tag button funcionará de maneira similar:

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

O botão com o atributo type com o valor reset irá limpar o formulário preenchido:

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>