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.