Тугмаҳои форм дар 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>
Задание 1

Коди зеринро тавре ислоҳ кунед, ки тугма формро ба сервер ирсол кунад:

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