Membuat Tombol Submit dan Reset

Membuat Tombol Submit dan Reset
DAFTAR ISI

Sampailah kita di bagian akhir pembuatan form dengan HTML. Terlebih lagi bila bukan tombol submit dan reset. Sebetulnya, saya telah menjelaskan mengenai tombol submit ini pada pelajaran tentang input data, cuma mungkin kamu belum terfokus kesana sehingga saya perlu untuk menjelaskan lebih jauh disini.

Untuk membuat tombol submit, kita memakai kode semacam ini:

<input type="submit" value="Kirimkan"/>

Sedangkan untuk tombol reset, kita memakai kode:

<input type="reset" value="Hapus Form"/>

Kata-kata Kirimkan dan Hapus Form dapat kamu ganti dengan kata-kata yang lainnya sesuka hati.

Submit Memakai Gambar

Sekarang kita akan mencoba membuat tombol submit memakai gambar. Caranya hampir sama, cuma kita sekarang memakai type=”image”. Misalnya semacam ini:

<input type="image" src="file-gambar.jpg" width="55" height="22"/>

File-gambar.jpg harus kamu ganti dengan gambar kamu sendiri. width dan height ialah ukuran lebar dan tinggi gambar dalam satuan pixel.

Nah, dengan berakhirnya artikel mengenai tombol submit ini, maka berakhir jugalah rangkaian pelajaran tentang membuat form ini. Insya Allah nanti kita akan bahas elemen-elemen HTML yang lain.

Baca Juga:  Cara Memasang Favicon pada Website atau Blog dengan Mudah

Ebook Gratis!!

Subscribe untuk dapatkan e-book GRATIS dan informasi teknologi terbaru dan diskon menarik langsung di Email-mu

Taufiq
Taufiq
Digital Strategist & System Analyst. Passion dalam teknologi terutama dalam pengembangan aplikasi. Selain itu senang mempelajari digital marketing dan bisnis.
0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
WhatsApp chat