Belajar Element HTML: <button>
Tag <button> digunakan untuk membuat tombol dalam dokumen HTML.
Elemen button memungkinkan pengguna untuk mengirim formulir dan berinteraksi dengan cara klik button.
Meskipun elemen button sering diletakkan didalam elemen <form>, namun elemen ini juga bisa disambungkan ke form dimanapun dalam dokumen dengan cara diberi atribut.
Elemen button juga bisa digunakan sendiri tanpa terhubung dengan elemen form.
Dalam elemen button kamu bisa meletakkan konten seperti teks atau gambar.
Syntax
Tag <button> ditulis seperti <button></button> dengan konten diantara tag pembuka dan tag penutup.
<button>Klik disini</button>
Contoh Biasa
<button onclick="JavaScript:alert('Terima Kasih!')">klik saya!</button>Contoh button didalam Form
<form action="/html_5/tags/html_form_tag_action.cfm" method="get" target="_blank">
Nama awal:
<input type="text" name="nama_awal" maxlength="100">
<br />
Nama akhir:
<input type="text" name="nama_akhir" maxlength="100">
<button type="submit">Kirim</button>
</form>name
Menentukan penanda unik untuk button dalam form yang mengijinkan server untuk mengakses value masing-masing button saat disubmit.
"submit_button"
Nama value harus unik dalam konteks container <form>.
Dan hanya boleh terdiri dari karakter alphanumeric a-z A-Z 0-9 dan beberapa karakter seperti - _… tetapi tidak spasi.
value
Value dikirim ke server saat disubmit ke form.
"primary"
Server akan menerima value primary.
type
Menentukan tipe button.
"submit"
Button mengirim data form ke server.
"reset"
Tombol reset form.
disabled
Menonaktifkan button.
No value required.autofocus
Menentukan fokus ke elemen saat halaman dimuat.
No value required.