Home » » Cara Membuat Contact Form Pada Website Dengan Tag HTML

Cara Membuat Contact Form Pada Website Dengan Tag HTML

Written By Adsloko on Kamis, 17 November 2011 | Kamis, November 17, 2011

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



Share this article :

3 komentar:

  1. Penjelasannya singkat tapi padat,tk gan

    BalasHapus
  2. itu nanti kalau ada yg ngontact masuk ke email sapa? Method Not Allowed
    Error 405, tutorial yang kagak jelas.....................

    BalasHapus

Diberdayakan oleh Blogger.

@My Follower

 
Support : TipsNgeblog
Copyright © 2013. Tips Dan Trik Ngeblog - All Rights Reserved
Template Created by Creating Website Used by TipsDanTrikNgeblog
Proudly powered by Blogger