Button adalah salah satu dari komponen pada html yang sering kita jumpai pada halaman website. Biasanya digunakan ketika kita ingin mengirim data dari form di HTML. Show Namun selain untuk meng-submit data, ternyata button juga dapat digunakan sebagai fungsi lain yaitu mereset isian pada form yang sudah di-input oleh user. Table Of ContentsFormat Penulisan ButtonSebernarnya ada dua cara membuat button: Pertama menggunakan tag
Sehingga akan menjadi:
Yang kedua, menggunakan tag 0
Sehingga akan menjadi:
Lalu apa yang membedakan kedua tombol tersebut? Sebenarnya tidak yang berbeda dari segi fungsi, namun tag 1 menawarkan lebih banyak atribut.Nantinya anda akan menemukan kegunaanya saat memasuki pemrograman javascript. (Silahkan baca: Cara Membuat Form Input Data pada HTML) Cara Membuat Tombol ResetSeperti yang telah saya singgung sebelumnya. Button tidak hanya berfungsi untuk mengirim data namun bisa digunakan untuk mereset input pada form. Untuk membuat tombol reset anda cukup mengubah atribut 2 dari 3 menjadi 4.Penjelasan:
atau
Sebagai contoh disini kita akan membuat sebuah form login:
Sehingga jika ditulis lengkap akan menjadi seperti berikut:
Catatan: anda juga bisa mengganti 1 (reset dan submit) menggunakan tag 6.Cara Membuat Tombol Tidak BerfungsiYang dimaksud tidak berfungi ini artinya, user tidak bisa melakukan aksi terhadap tombol tersebut. Hal ini biasa dilakukan untuk mencegah user melakukan submit sebelum melengkapi seluruh input form. Dalam praktiknya, nantinya masih memerlukan bantuan dari javascript. Namun, disini saya ingin sedikit mengulas atribut pada button bernama 7.Fungsi dari pada atribut ini adalah untuk melakukan pengaturan supaya nantinya tombol bisa diklik oleh user atau sebaliknya. |