JavaScript-də Form Düymələri

Artıq bilirsiniz ki, forma düyməyə klikləməklə göndərilir. Lakin burada nüanslar var. Düymə mütləq type atributuna submit dəyəri ilə malik olmalıdır:

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

Formanı button teqi də, type atributu submit dəyərinə malik olduqda göndərəcək:

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

Forma həmçinin, hər hansı bir inputda fokus varkən Enter düyməsini basmaqla da göndəriləcək.

type atributu button dəyərində olan düymə səhifənin elementi kimi istifadə olunur və formanı göndərməyəcək:

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

button teqi də eyni qaydada işləyəcək:

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

type atributu reset dəyərində olan düymə doldurulmuş formanı təmizləyəcək:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="reset">
  <input type="submit">
</form>
Задание 1

Aşağıdakı kodu elə düzəldin ki, düymə formanı serverə göndərsin:

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