Бутони на форма в 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>