Thursday, November 17, 2011

Cara Membuat Contact Form Pada Website Dengan Tag HTML

Teman-teman adsloko yang Saya cintai, ketika kita membuka website yang menjual beberapa produk maka akan sering kita temui sebuah halaman yang berisi mengenai Form Hubungi atau Contact Form yang fungsinya adalah tempat untuk menyampaikan pesan kepada pemilik website. Nah hal inilah yang akan kita buat tapi masih hanya sebatas form saja belum termasuk dengan action-nya. Jika ingin tahu kayak apa! ikuti kami terus.

Untuk membuat sebuah tampilan form seperti yang kita maksud sangatlah mudah karena kita hanya akan menggunakan tag html <form>; <table>; dan <input>. Untuk lebih jelasnya lakukan saja CoPas atau Copy Paste kode HTML dibawah ini dan simpan kedalam file html Anda. Jika masih bingung caranya maka ikuti saja tutorial kami Pengertian Dan Fungsi HTML (Hypertext Markup Language)

Kode HTML
<table width=100% style='border: 1pt dashed #0000CC;padding: 10px;'>
<form action="#" method="POST">
<tr><td>Nama</td><td> : <input type=text name=nama size=40></td></tr>
<tr><td>Email</td><td> : <input type=text name=email size=40></td></tr>
<tr><td>Subjek</td><td> : <input type=text name=subjek size=55></td></tr>
<tr><td valign=top>Pesan</td><td> <textarea name=pesan
style
='width: 315px; height: 100px;'></textarea></td></tr>
<tr><td colspan=2><input type=submit name=submit value=Kirim></td></tr>
</form></table>

Nah, Sekarang Anda bisa mencobanya.....

Sampai disini dulu tutorialnya dan jangan kemana-mana karena Saya akan kembali dengan tutorial selanjutnya.

Salam Sukses,

Penemu dan Pengembang