Sunday, 25 December 2016

Cara Membuat Tombol Submit dan Reset

Sampailah kita pada bagian akhir pembuatan form dengan HTML. Apalagi kalau bukan tombol submit dan reset. Sebenarnya, saya sudah menjelaskan tentang tombol submit ini di pelajaran tentang input data, hanya saja mungkin anda belum terfokus kesana sehingga saya perlu untuk menjelaskan lebih lanjut disini.
Untuk membuat tombol submit, kita menggunakan kode seperti ini:

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

Sedangkan untuk tombol reset, kita menggunakan kode:

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

Kata-kata Kirimkan dan Hapus Form bisa anda ganti dengan kata-kata yang lainnya sesuka hati.

Submit Menggunakan Gambar

Sekarang kita akan mencoba membuat tombol submit menggunakan gambar. Caranya hampir sama, hanya saja kita sekarang menggunakan type=”image”. Contohnya seperti ini: <input type="image" src="file-gambar.jpg" width="55" height="22"/>

file-gambar.jpg harus anda ganti dengan gambar anda sendiri. width dan height adalah ukuran lebar dan tinggi gambar dalam satuan pixel.

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