Selasa, 28 Januari 2025

HTML Button

 

cApa Itu HTML Button

<button> dalam HTML adalah elemen yang digunakan untuk membuat tombol yang bisa diklik. Kita bisa mengisi elemen <button> dengan text atau dengan elemen lainnya seperti <p><i><b><strong><img>, dan lain-lain. Namun elemen <button> tidak bisa dengan elemen <input>

Atribut

Berikut adalah atribut-atribut yang ada dalam elemen <button>.

AtributNilaiDeskripsi
autofocusautofocusMembuat tombol secara otomatis mendapatkan fokus saat halaman pertama kali dimuat
disableddisabledMembuat tombol tidak bisa diklik
formform_idMenentukan form mana yang terkait dengan tombolnya
typebutton, reset, submitMenentukan tipe dari tombol.

type="button" = Menandakan bahwa tombol tersebut adalah tombol yang dapat diklik

type="submit" = Menandakan bahwa tombol tersebut berfungsi untuk melakukan submit form

type="reset" = Menandakan bahwa tombol tersebut berfungsi untuk mereset data pada form
formactionURLMenentukan ke mana data dari form akan dikirim ketika form di submit. Atribut ini hanya digunakan jika type="submit"
formenctypeapplication/x-www-form-urlencoded, multipart/form-data, text/plainMenentukan bagaimana data form dikodekan/diencode sebelum dikirim ke server. Atribut ini hanya digunakan jika type="submit"
formmethodget, postMenentukan metode HTTP apa yang digunakan ketika mengirim data form. Atribut ini hanya digunakan jika type="submit"
formnovalidateformnovalidateMenentukan data form tidak boleh divalidasi pada saat pengiriman. Atribut ini hanya digunakan jika type="submit"
formtarget_blank, _self, _parent, _top, framenameMenentukan dimana letak untuk menampilkan respon setelah submit form. Atribut ini hanya digunakan jika type="submit"
namenamaMenentukan nama untuk tombol
valueteksMenentukan nilai untuk tombol

Contoh

Berikut adalah contoh penggunaan elemen <button>.

<button type="submit" name="test" value="Test Submit">Submit</button>

Referensi

Tidak ada komentar:

Posting Komentar

Animation

  Animation Sedikit berbeda dengan  transition , yang terjadinya animasi hanya ketika ada perubahan kondisi.  Animation  digunakan untuk mem...