Switch to our mobile site

Belajar Membuat WebsiteStep by Step Belajar Membuat Website dengan HTML PHP dan CSS Gratis

Membuat Tombol Submit dan ResetPosted on July 10, 2011 | 2 Comments

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:

view plain copy to clipboard print ?

<input value="Kirimkan" type="submit">  01.

Sedangkan untuk tombol reset, kita menggunakan kode:

view plain copy to clipboard print ?

<input value="Hapus Form" type="reset">  01.

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:

view plain copy to clipboard print ?

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

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.

Ditemukan dengan Kata Kunci:

membuat tombol html (24), tombol reset php (19), membuat tombol reset (19), membuat tombol dengan php (18), membuat tombol pada html (16), Tombol html (16),

tombol reset (13), membuat tombol dengan html (13), membuat tombol php (13), membuat tombol di html (12), tombol submit html (10), membuat tombol reset php

(9), tombol reset pada html (9), script html membuat tombol (7), submit pada html (7), tombol di php (6), membuat tombol cancel pada php (6), membuat tombol

submit dengan css (5), reset pada html (4), membuat tombol reset pada android (4), mengganti tombol submit dengan gambar (3), tombol di html (3), cara tombol reset

php (3), tombol submit php (3), membuat submit html (3)

Artikel yg Berhubungan:

Form Input Data1.

Membuat Optional2.

Membuat Formulir Isian3.

2 RESPONSES TO MEMBUAT TOMBOL SUBMIT DAN RESET

Theme: Coraline by Automattic. Proudly powered by WordPress.

This entry was posted in HTML. Bookmark the permalink.

giriayoga | June 16, 2012 at 4:10 am | Reply

terima kasih tutorialnya…membantu sekali…jangan lupa kunjung balik ya

Iqbal | June 24, 2012 at 9:21 pm | Reply

nice info and back me ok …

Membuat Tombol Submit dan Reset http://gudanginfo.web.id/html/membuat-tombol-submit-dan-reset.html

1 of 1 08/04/2012 8:49