HTML Buttons

Tujuan Pembelajaran

• Memahami tag <button> dan tipe tombol
• Membedakan tombol biasa, submit, dan reset
• Memberi gaya dan aksi klik sederhana

Contoh Dasar

<button type="button">Klik Saya</button>
<button type="submit">Kirim</button>
<button type="reset">Ulangi</button>
<button disabled>Nonaktif</button>

Tombol + Link dan JavaScript

<!-- Tombol sebagai link -->
<a href="introduction.html"><button type="button">Ke Introduction</button></a>

<!-- Tombol dengan JS -->
<button onclick="alert('Halo!')">Sapa</button>

<!-- Tombol bergaya -->
<button style="background:#04AA6D;color:#fff;padding:10px 16px;border:none;border-radius:6px;">Hijau</button>

Latihan Mandiri

1. Buat 3 tombol: button, submit, reset dalam satu form sederhana.
2. Buat tombol yang saat diklik mengubah teks paragraf via onclick.
3. Beri warna, padding, dan border-radius berbeda untuk tiap tombol.

< HTML Id HTML Iframes >

Ringkasan belajar mandiri berbahasa Indonesia, terinspirasi dari struktur tutorial W3Schools HTML. Contoh kode adalah karya asli untuk latihan.