Elemen <button> mendefinisikan tombol yang dapat diklik. Di dalam tombol Anda dapat meletakkan teks, ikon, atau bahkan gambar.
type="button" : Tombol biasa yang aksinya dijalankan oleh JavaScript via event onclick.type="submit" : Tombol untuk mengirimkan data formulir ke server (default di dalam form).type="reset" : Tombol untuk mengembalikan seluruh isi formulir ke kondisi kosong awal.<!DOCTYPE html>
<html>
<head>
<style>
.btn { padding: 10px 18px; border: none; border-radius: 6px; font-weight: bold; cursor: pointer; margin-right: 8px; }
.btn-green { background-color: #04AA6D; color: white; }
.btn-navy { background-color: #0d2e5c; color: white; }
</style>
</head>
<body>
<button type="button" class="btn btn-green" onclick="alert(\'Tombol Berhasil!\')">Klik Sukses</button>
<button type="button" class="btn btn-navy" onclick="this.innerText=\'Aktif!\'">Ubah Teks Saya</button>
</body>
</html>Selalu tentukan atribut type="button" jika tombol berada di luar formulir untuk mencegah submit yang tidak disengaja.
Event handler JavaScript apa yang paling sering dipasang pada tag <button> untuk merespons klik mouse pengguna?