kontak form css

Dengan menambahkan kontak form di website yang dibuat, bisa menjadi alternative untuk berkomunikasi dengan pemilik situs, banyak situs yang memiliki kontak form, tetapi kontak form yang dibuat tidak dapat diakses sehingga email yang dikirim tidak sampai. Hal ini bisa menyebabkan kerugian dikedua belah pihak :). Cukup basa-basinya, disini saya akan membagikan script kontak form PHP yang bisa berjalan baik di hosting.

File pertama yang akan dibuat adalah index.php sebenarnya file ini hanya berisi syntax HTML jadi tidak ada script PHP yang terdapat didalamnya.

<html>
<title>Kontak Form PHP</title>
<head>
<link rel="stylesheet" type="text/css" href="css.css"/>
</head>
<h2>Contact Form</h2>
<div id="contact-area">
<table></table>
<form method="POST" action="mail.php" name="contact">
<label for="nama">Nama *:</label>
<input type="text" name="nama" id="Name" />
<label for="company">Company:</label>
<input type="text" name="company" id="Company" />
<label for="Alamat">Alamat *:</label>
<input type="text" name="alamat" id="Alamat" />
<label for="Email">Email *:</label>
<input type="text" name="email" id="Email" />
<label for="Telp">Telephone *:</label>
<input type="text" name="Telp" id="Telp" />
<label for="Website">Website :</label>
<input type="text" name="website" id="Website" />
<label for="Pesan">Pesan *:</label><br />
<textarea name="pesan" rows="20" cols="20" id="pesan"></textarea>
<br>* mandatory<br>
<input type="submit" name="submit" value="Submit" />
</form>
</table>
</div>
</html>

screenshoot index.php
contact form php
Seperti tampilan diatas masih sangat berantakan, untuk mempercantik tampilannya kita akan membuat css untuk form diatas

#contact-area {
width: 532px;
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
padding: 5px;
width: 371px;
font-family: Helvetica, sans-serif;
font-size: 1.4em;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc;
}
#contact-area textarea {
height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 2px solid #900;
}
#contact-area input.submit-button {
width: 100px;
float: right;
}
label {
float: left;
text-align: right;
margin-right: 15px;
width: 100px;
padding-top: 5px;
font-size: 1.2em;
}

screenshoot index.php setelah ditambah css
kontak form css
Agar email tersebut diatas diperlukan script PHP untuk proses pengirimannya, scriptnya dapat dilihat dibawah ini
mail.php

<?php
$name = $_POST['nama'];
$email = $_POST['email'];
$phone = $_POST['telp'];
$company= $_POST['company'];
$address= $_POST['alamat'];
$website = $_POST['website'];
$message = $_POST['pesan'];
$formcontent=" From: $nama \n Email : $email \n No. Telephone: $telp \n Website: $website \n Address : $alamat \n Perusahaan : $company \n Message: $pesan";
$recipient = "[email protected]";
$subject = "Kontak Form";
$mailheader = "From: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
echo "<meta http-equiv=\"refresh\" content=\"0; url=index.php\">";
?>

ingat untuk mengganti [email protected] menjadi email anda sendiri.

Download :

Download “Script Contact Form PHP”

email.zip – Downloaded 2165 times –

Join the Conversation

14 Comments

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

  1. Mas kok ini saya coba di localhost server komputer tidak bisa yakk dengan alamat emailnya bukan menggunakan gmail melainkan seperti ini [email protected] mohon bantuan pencerahannya mas terimakasih.

  2. gan kalau di CI gimana cara membuat atau meletakkan script kontak form nya ?

    1. di tambah di application/view misalkan buat nama filenya form.php jadi path lengkapnya application/view/form.php

      1. Trus kalau letakk’in script mail.php untuk proses pengirimannya di model ya gan ? Maklum newbie gan :)

    1. kalo itu masalahnya mungkin di mail server yang digunakan, di coba ngirim dari komputer lokal atau server/shared hosting?