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.

15 thoughts on “Membuat Tombol Submit dan Reset

  1. Met malem gan… artikelnya sangat membantu saya, karena saya belum tahu sama sekali tentang bahasa html dari kemaren muter muter di google nyari artikel tentang belajar dasar html baru ketemu.

    Yang ingin saya tanyakan tentang submit itu datanya di kirim misalnya di forum pendaftaran misalnya itu bagai mana caranya gan ?

    Trinakasih gan infonya salam kenal dari saya dan sukses selalu

  2. Nice ilmunya…
    Bener2 berasa dituntun satu persatu, dan penjelasanya lebih mudah dipahami. Semoga update terus yaa..
    Jaya selalu gan…

  3. Pingback: HTML. – Site Title

Leave a Reply

Your email address will not be published. Required fields are marked *