JavaScript'te Form Düğmeleri

Bir formun bir düğmeye tıklanarak gönderildiğini zaten biliyorsunuz. Ancak burada bazı nüanslar var. Düğmenin mutlaka type özniteliği submit değerine sahip olmalıdır:

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

Formu, type özniteliği submit değerine ayarlanmış button etiketi de gönderecektir:

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

Form, herhangi bir giriş alanına odaklanıp Enter tuşuna basıldığında da gönderilecektir.

type özniteliği button değerine ayarlanmış düğme, bir sayfa öğesi olarak kullanılır ve formu göndermez:

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

button etiketi de benzer şekilde çalışacaktır:

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

type özniteliği reset değerine ayarlanmış düğme, doldurulmuş formu temizleyecektir:

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>