• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jaranguda

Belajar Mengajar

  • Home
  • Sponsor/Jasa
  • Tentang

Membuat Script Kontak Form dengan PHP

Last Updated on 13 November 2012 By tommy 14 Comments

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 1950 times –

Tulisan menarik lainnya

  • Validasi Email dengan PHP

    Tutorial ini bisa dijalankan di PHP 5 >= 5.2.0 Validasi email dengan PHP, dengan validasi…

  • Membuat Kalender dengan PHP

    Buat sebuah file dengan nama kalender.php lalu tambahkan script dibawah ini Minggu Senin Selasa Rabu…

  • Membuat Form dengan Codeigniter

    Studi kasus kali ini adalah pembuatan form pendaftaran user di website. Database menggunakan MySQL. Buat…

  • Membuat Script Login dengan PHP dan MySQL

    Update 13 Feb 2014 PHP + MySQLi bisa dilihat di Membuat Script Login Sederhana dengan…

Filed Under: PHP Tagged With: contact form, contact us

Reader Interactions

Comments

  1. Vieri Satria Ardiansyah says

    23 February 2022 at 13:04

    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.

    Reply
  2. superman says

    6 June 2019 at 18:19

    bisa nggak min sever hosting nya yg gratisan

    Reply
  3. rezha says

    9 December 2016 at 17:42

    gan itu file cssnya di taro di folder atau di luar aja ?

    Reply
  4. Emil says

    20 October 2015 at 22:21

    Berhasil gan, udah kesana kemari cuma cara ini yang berhasil.

    Langsung langganan :D

    Reply
  5. andi says

    4 May 2015 at 14:53

    pusing nih buat kontak form

    Reply
  6. reswara says

    15 September 2014 at 23:15

    aduh, saya mesti bingung memahami ini kode. :(

    Reply
  7. haris says

    8 July 2014 at 12:20

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

    Reply
    • tommy says

      8 July 2014 at 19:56

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

      Reply
      • haris says

        9 July 2014 at 06:00

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

        Reply
        • tommy says

          10 July 2014 at 08:13

          iya diletakin di model, kalau mau gampang (tapi ngga di rekomendasiin) bisa juga di controller.

          Reply
  8. odi says

    29 May 2014 at 09:40

    gan databasenya mana ?

    Reply
    • tommy says

      6 June 2014 at 15:40

      ngga perlu pake database :) Karena hanya ngirim email doang.

      Reply
  9. yuzt says

    20 February 2013 at 19:56

    mas.. saya pengen bgt bisa membuat form email seperti di atas.. ketika [email protected] tak ganti dengan [email protected].. saya cek di email.. gk masuk yaw mas.. Mohon share ilmu penjelasannya

    Reply
    • tommy says

      23 February 2013 at 00:34

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

      Reply

Leave a Reply Cancel reply

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

Primary Sidebar

Pencarian

Tanya Jawab tentang DevOps SRE CPE, gabung di https://t.me/devopsindonesia

Terbaru

  • Cara Mengganti Port Screen Sharing macOS
  • Cara Menonaktifkan Pager di macOS
  • Cara Mengupdate Nama Apple silicon-as-a-Service Scaleway
  • Cara Force Delete Namespace di Kubernetes
  • Install PHP MariaDB di Mac Monterey

Komentar

  • adi on Menggunakan Mikrotik Sebagai SSH Client
  • aris u on Solusi Simple Queue Mikrotik Tidak Berjalan
  • Bowo on Cara Mematikan SSID Molecool Balifiber
  • aris on Solusi Simple Queue Mikrotik Tidak Berjalan
  • Alief on Password Router Huawei HG8245H5 Indihome

Tulisan Populer

  • Password Router Huawei HG8245H5 Indihome 1.1m views
  • Password Terbaru ZTE F609 Indihome 784.5k views
  • Password Superadmin Huawei HG8245A 318k views
  • Cara Setting Manual Modem GPON ZTE F609 Indihome 273k views
  • Cara Setting Wireless ZTE F609 Indihome 257.1k views
  • Mengaktifkan Port LAN di Huawei HG8245 Indihome 169.8k views
  • Akses UseeTV Indihome via Wireless ZTE F609 156.8k views
  • Kemana Menghilangnya Saldo BCA 50 ribu 153k views
  • Cara Reset Password ZTE F609 Indihome 147.5k views
  • Cara Setting DHCP Server Modem/Router ZTE F609 113.5k views

Kategori

  • Delphi
  • dll
  • Gambas
  • Internet
  • Java
  • Lazarus
  • Linux
  • PHP
  • Review
  • Teknologi

Sponsor

kadal.id
carakami.com
kuotabisa.com
Untuk jadi sponsor, hubungi kita lewat halaman sponsor
© 2021. Jaranguda
  • Linux
  • PHP
  • Internet
  • Teknologi
  • Delphi
  • Gambas
  • Java