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:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Formulir juga akan dikirim oleh tag button
dengan atribut type bernilai submit:
<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:
<form>
<input name="test1">
<input name="test2">
<input type="button">
</form>
Tag button akan bekerja dengan cara yang sama:
<form>
<input name="test1">
<input name="test2">
<button>btn</button>
</form>
Tombol dengan atribut type bernilai
reset akan membersihkan formulir yang telah diisi:
<form>
<input name="test1">
<input name="test2">
<input type="reset">
<input type="submit">
</form>
Perbaiki kode berikut agar tombol mengirim formulir ke server:
<form>
<input name="name">
<input name="surn">
<button>send</button>
</form>