Кнопкі формы ў 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>