Кнопки формы в JavaScript

Вы уже знаете, что форма отправляется по нажатию на кнопку. Здесь, однако, есть нюансы. Кнопка обязательно должна иметь атрибут type в значении submit:

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

Форму также будет отправлять тег button с атрибутом type в значении submit:

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

Форму также будет отправлена, если в любом из инпутов поставить фокус и нажать Enter.

Кнопка с атрибутом type в значении button используется как элемент страницы и отправлять форму не будет:

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

Аналогичным образом будет работать тег button:

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

Кнопка с атрибутом type в значении reset будет очищать заполненную форму:

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>