tutorial pengembangan web terbaru
 

HTML <button> Tag


Contoh

Sebuah tombol yang dapat diklik ditandai sebagai berikut:

<button type="button">Click Me!</button>
Cobalah sendiri "

Definisi dan Penggunaan

The <button> tag mendefinisikan tombol diklik.

Di dalam <button> elemen Anda dapat menempatkan konten, seperti teks atau gambar. Ini adalah perbedaan antara elemen ini dan tombol yang dibuat dengan <input> elemen.

Tip: Selalu tentukan type atribut untuk <button> elemen.Browser yang berbeda menggunakan jenis default yang berbeda untuk <button> elemen.


Dukungan Browser

Elemen
<button> iya nih iya nih iya nih iya nih iya nih

Tips dan Catatan

Catatan: Jika Anda menggunakan <button> elemen dalam bentuk HTML, browser yang berbeda dapat mengajukan nilai yang berbeda.Gunakan <input> untuk membuat tombol dalam bentuk HTML.

Tip: Kunjungi kami CSS Buttons Tutorial untuk mengetahui bagaimana gaya tombol dengan CSS.


Perbedaan Antara HTML 4.01 dan HTML5

HTML5 memiliki atribut baru berikut: autofocus, form, formaction, formenctype, formmethod, formnovalidate , dan formtarget .


atribut

= Baru di HTML5.

Atribut Nilai Deskripsi
autofocus autofocus Menentukan bahwa tombol otomatis harus mendapatkan fokus ketika beban halaman
disabled disabled Menentukan bahwa tombol harus dinonaktifkan
form form_id Menentukan satu atau lebih bentuk tombol milik
formaction URL Menentukan di mana untuk mengirim form-data ketika formulir dikirimkan. Hanya untuk type="submit"
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Menentukan bagaimana bentuk-data harus dikodekan sebelum mengirimnya ke server. Hanya untuk type="submit"
formmethod get
post
Menentukan bagaimana untuk mengirim form-data (yang metode HTTP untuk digunakan). Hanya untuk type="submit"
formnovalidate formnovalidate Menentukan bahwa bentuk-data yang tidak harus divalidasi pada pengajuan. Hanya untuk type="submit"
formtarget _blank
_self
_parent
_top
framename
Menentukan di mana untuk menampilkan respon setelah mengirimkan formulir. Hanya untuk type="submit"
name name Menentukan nama untuk tombol
type button
reset
submit
Menentukan jenis tombol
value text Menentukan nilai awal untuk tombol

Atribut global

The <button> tag juga mendukung Atribut Global di HTML .


Atribut acara

The <button> tag juga mendukung Acara Atribut di HTML .


Pages terkait

Referensi HTML DOM: Tombol Object

CSS Tutorial: Tombol Styling


Pengaturan Default CSS

Tidak ada.