Tombol Formulir dalam JavaScript

Anda sudah tahu bahwa formulir dikirim dengan menekan tombol. Namun, di sini ada nuansanya. Tombol harus memiliki atribut type dengan nilai submit:

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

Formulir juga akan dikirim oleh tag button dengan atribut type bernilai submit:

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

Formulir juga akan dikirim jika di salah satu input diberikan fokus dan ditekan Enter.

Tombol dengan atribut type bernilai button digunakan sebagai elemen halaman dan tidak akan mengirim formulir:

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

Tag button akan bekerja dengan cara yang sama:

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

Tombol dengan atribut type bernilai reset akan membersihkan formulir yang telah diisi:

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>