HTML button Tag

HTML button Tag -belajar html <button>, Button mempunyai definisi tombol klik yang dapat digunakan untuk menjalankan fungsi sebuah event. <button> dapat digunakan pada form maupun diluar form.

HTML tag <button> biasanya digunakan untuk menjalankan perintah javascript yang dilakukan oleh user, dan juga bisa berfungsi sebagai kontrol pada element <form>.

Tips :

Jika element <button> diperuntukan untuk element <form>, beberapa browser tertentu membacanya dengan nilai yang berbeda, disarankan menggunakan element <input> sebagai penggantinya.

Contoh 1 :

Contoh HTML <button>

<button>klik saya</button>

Contoh 2 :

Contoh HTML <button> yang digunakan untuk menjalankan perintah javascript.

<button onclick="testJavascript();">klik saya</button>

Contoh 3 :

Contoh HTML <button> yang digunakan untuk menjalankan perintah javascript library jQuery.

<button id="test-jQuery">klik saya</button>

Attributes :

HTML element <button> mempunyai beberapa attribute yang dikhususkan antara lain sebagai berikut :

autofocus

Digunakan untuk menentukkan bahwa button mendapatkan fokus ketika halaman selesai dimuat.

value : autofocus

disabled

Digunakan untuk menentukkan bahwa button tidak aktif atau tidak bisa diklik.

value : disabled

form

Menentukkan fungsi button pada attribut form.

value : form_id

formaction

Menentukan url / link ketika data pada form akan dikirim. Hanya untuk type="submit".

value : url

formenctype

Menentukan tipe konten data sebelum mengirimnya ke server. Hanya untuk type="submit".

value :

1. application/x-www-form-urlencoded
2. multipart/form-data
3. text/plain

formmethod

Menentukan metode pengiriman data. Hanya untuk type="submit".

value : get , post

formnovalidate

Menentukan bahwa data tidak harus di validasi sebelum dikirim. Hanya untuk type="submit".

value : formnovalidate

formtarget

Menentukan target tampilan setelah data form dikirim. Hanya untuk type="submit".

value :

1. _blank
2. _self
3. _parent
4. _top
5. framename

name

Menentukan nama button

value : name

type

Menentukan type button

value :

1. button
2. reset
3. submit

value

Menentukkan nilai awal button.

value : text

Global Attributes:

Element <button> mencakup Global Attributes HTML.

Event Attributes:

Element <button> mencakup Event Attributes HTML.

Browser Support :

Desktop

Chrome	Ya
Safari	Ya
Firefox	Ya
Opera	Ya
IE	Ya
Edge	Ya

Mobile

Android Webview	Ya
Chrome Android	Ya
Edge Mobile	Ya
Firefox Android	Ya
Opera Android	Ya
iOs Safari	Ya
Samsung Internet	Ya

Default CSS :

Browser yang support dengan element <button>, biasanya mempunyai nilai default :

/* none */