Rabu, Juni 09, 2021

HTML Tag Button

Tag button pada HTML digunakan untuk mendefinisikan tombol atau button yang dapat diklik pada halaman html. Tag button digunakan untuk mengirim konten, gambar, atau konten teks yang dapat digunakan untuk pada halaman html. Browser berbeda menggunakan tipe default yang berbeda pula untuk tag button-nya. Tombol atau button tersebut dapat ditata dengan menggunakan kode CSS.

Sintak:
<button type = "button">

Atribut: berbagai atribut yang dapat digunakan dengan tag button adalah diperlihatkan sebagai berikut:
  • satu, autofocus: digunakan untuk menentukan apakah button harus mendapatkan fokus secara otomatis atau tidak pada halaman html.
  • dua, disabled: digunakan untuk menunjukkan apakah elemen disabled atau tidak. Jika atribut tersebut digunakan, maka elemen akan disabled.
  • tiga, form: digunakan untuk membuat form input user. Ada banyak elemen yang digunakan pada tag form.
  • empat, formaction: digunakan untuk menentukan kemana harus mengirim data ke formulir.
  • lima, formnonvalidate: digunakan untuk menentukan apakah elemen input tidak boleh divalidasi saat mengirimkan formulir atau tidak.
  • enam, formenctype: digunakan untuk menentukan apakah formulir harus dikodekan ketika dikirim ke server atau tidak.
  • tujuh, formmethod: digunakan untuk menentukan method HTTP yang digunakan untuk mengirim data ketika proses pengiriman.
  • delapan, formtarget: digunakan untuk menentukan nama atau keyword yang menunjukkan tempat untuk menampilkan respon setelah form dikirim.
  • sembilan, type: digunakan untuk menentukan jenis tombol untuk elemen button. Atribut ini juga digunakan dalam elemen input untuk menentukan jenis input yang akan ditampilkan pada halaman html.
  • sepuluh, value: digunakan untuk menentukan nilai elemen yang akan digunakan. Atribut ini juga memiliki arti yang berbeda untuk elemen HTML yang berbeda pula.

Contoh:

<!DOCTYPE html>

<html>

 

<body>

<h3>

HTML Tag Button

</h3>

 

<button 

type = "button" 

onclick =

"alert('Selamat Datang di Indomaret')"

>

Click Here

</button>

 

</body>

</html>

Output:


Browser Pendukung:
  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

6 komentar:

  1. Apa yang dimaksud dengan tag button pada html?

    BalasHapus
    Balasan
    1. Tabu < button > pada HTML digunakan untuk membuat tombol yang dapat diklik dalam formulir pada halaman website. Browser yang berbeda menggunakan tipe default yang berbeda pula untuk penggunaan elemen button. Tag button HTML dapat digunakan di dalam dan luar dari formulir HTML. Jika user penggunakan pada form, maka tag tersebut berfungsi sebagai tombol kirim atau send, user juga dapat menggunakannya sebagai button reset untuk melakukan reset ulang nilai pada halaman HTML.

      Hapus
  2. Ada berapa tipe pilihan untuk tag button pada HTML?

    BalasHapus
    Balasan


    1. ada tiga, yaitu type reset, submit, dan button.

      1. Type reset, digunakan untuk mengatur ulang data dalam bentuk saat ini.
      2. Ttpe submit, digunakan untuk mengirimkan data formulir atau form saat ini.
      3. Type button, digunakan sebagai button atau tombol pilihan.

      Hapus
  3. Bagaimana cara menciptakan link button pada html?

    BalasHapus
    Balasan
    1. Dengan mengunakan tag button pada tag < a >: maka method ini akan membuat button menjadi sebuah link. Tag anchor atau link < a > digunakan untuk mengarahkan halaman web ke lokasi yang dituju sesuai alamat yang terdapat pada link atau anchor.

      Hapus

Respon komentar 7 x 24 jam, so please be patient :D