Cara Penggunaan Tag Button HTML Beserta Fungsinya

Tag Button

Tag button digunakan untuk membuat tombol submit atau reset dalam form html. Dalam tutorial kali ini kita akan membahas fungsi dan cara penggunaan tag button dalam form html.

Fungsi Tag Button

Fungsi tag button dalam form html sama dengan fungsi tag input type submit. Dua-duanya memiliki fungsi yang sama.
Tag button digunakan untuk membuat tombol pada form, bisa didalam maupun diluar form.
Katanya tag button lebih fleksibel dari pada type submit.

Cara Penggunaan Tag Button

Pengunaan tag button juga lebih mudah dari tag submit. Kita hanya perlu menulis <button> Nama Button</button>

Atribut type Tag Button

Tag button bisa memakai atribut type, dimana atribut ini untuk menentukan untuk apa tombol button tersebut.
Misal typenya reset maka tombol button untuk reset, nilai atribut button adalah reset, submit, dan button.
Contoh penulisan atribut button
<button type="reset">Text nama button</button> Jika typenya reset ketika di klik akan menghapus semua data yang sudah di isi.
Jika typenya submit maka ketika di klik data yang sudah di isi akan diproses.

Atribut disabled Tag Button

Atribut disabled ada atribut yang digunakan untuk menonaktifkan tombol, atribut ini akan membuat tombol tidak bisa di klik.
Penulisannya cukup mudah cukup ktik seperti ini <button disabled="disabled">Text nama button</button> Sebenarnya atribut ini lebih cocok dibuat dengan program javascript, misalnya user baru bisa klik tombol setelah mengisi seluruh data.

Contoh Tag Button

<!DOCTYPE html>
<html>
<head>
</head>
<body>
 <h4>Formulir:</h4>
 <form action="action.html" method="get">
 Nama : <input type="text" name="nama" id="nama"/>
 <button type="submit">Simpan</button>
 <button type="reset">Reset</button>
 </form>
</body>
</html>

Dengan contoh ini setidaknya anda sudah mengerti fungsi dan cara penggunaan tag button pada form html. jika belum mengerti bisa beritahu pada komentar.
Semoga artikel tentang tag button ini bermanfaat… Sekian

Get real time updates directly on you device, subscribe now.

Ingin Berkomentar?

×
Lewat ke baris perkakas