Diberdayakan oleh Blogger.

Tutorial Cara Membuat Form Kontak HTML dan PHP Pada Web

Tutorial Cara Membuat Form Kontak HTML dan PHP Pada Web- - -HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi, sedangkan PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.

Pada Kesempatan kali ini Dunia Komputer dan Internet akan memberikan tips membuat kontak form pada web menggunakan html dan php, Form kontak adalah salah satu bagian penting yang harus ada dalam sebuah website. Anda bisa lihat website-website yang pernah anda kunjungi, semuanya pasti menyediakan form kontak ini. Form kontak biasanya digunakan sebagai media komunikasi yang nantinya mengirimkan pesan langsung ke email pemilik website.

Berikut ini adalah Tutorial Cara Membuat Form Kontak HTML dan PHP Pada Web :
Langkah Pertama :

Mulailah dari membuat sebuah model form kontak dengan script html berikut :
<table width="500">
  <form name="kontak" method="post" action="">
    <tr>
      <td colspan="2"><h2>Form Kontak</h2></td>
    </tr>
    <tr>
      <td>Judul Pesan</td>
      <td><input name="judul" id="judul" type="text" size="40" required="true"></td>
    </tr>
    <tr>
      <td>Nama</td>
      <td><input name="pengirim" type="text" id="pengirim" size="30" required="true"></td>
    </tr>
    <tr>
      <td><p>Email</p>      </td>
      <td><input name="email" type="text" id="email" size="30" required="true"></td>
    </tr>
    <tr>
      <td>Pesan</td>
      <td><textarea name="pesan" cols="40" rows="5" id="pesan" required="true"></textarea></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="submit" name="btnKirim" value="Kirim" id="btnKirim">
      <input type="reset" name="btnUlangi" id="button" value="Ulangi"></td>
    </tr>
  </form>
</table>
Untuk form kode diatas, saya gunakan method post dengan action dikosongkan dengan tujuan isi form akan dikirim dan diproses dalam file itu sendiri. Untuk memastikan semua diisi, saya tambahkan atribut required="true" pada semua isian.

Langkah Kedua :
Setelah form siap, kita memerlukan script php untuk mengirim pesan tersebut ke email. Script kirim email dengan php saya tulis seperti berikut :
<?php
    //alamat email tujuan bisa anda sesuaikan dengan email anda
    $tujuan = "saya@zainalhakim.web.id";
    //Ini diambilkan dari nama objek form yang sudah kita buat
    $judul = $_POST['judul'];
    $pesan = $_POST['pesan'];
    $pengirim=$_POST['pengirim'];
    $header = "From:$pengrim \r\n";
    $kirim = mail($tujuan,$judul,$pesan,$header);
    if( $kirim == true )
    {
        echo "Pesan berhasil terkirim";
    }
    else
    {
        echo "Pesan gagal terkirim";
    }
?>
Karena rancangan awal, form kontak dibuat dalam satu file maka harus dibuat pengecekan agar mengetahui kapan form kontak ditampilkan, dan kapan form kontak harus dikirim.

Langkah Ketiga :
Untuk pengecekannya saya buat script php seperti berikut :
<?php
if(!empty($_POST['judul'] && !empty($_POST['pengirim'] && !empty($_POST['email'] && !empty($_POST['pesan']
{
   //Script kirim email
}
?>
<!-- Disini html -->
Dengan script php diatas, maka pada saat file kontak dijalankan proses awal php akan mengecek apakah ada nilai submit post dari form kontak, jika ada maka form akan dikirim, dan jika belum diisi maka tampil form kontak.

Langkah Keempat :
Secara keseluruhan maka perintah html dan php saya gabungkan dalam satu file seperti berikut :
<?php
if(!empty($_POST['judul'] && !empty($_POST['pengirim'] && !empty($_POST['email'] && !empty($_POST['pesan']
{
    //alamat email tujuan bisa anda sesuaikan dengan email anda
    $tujuan = "saya@zainalhakim.web.id";
    $judul = $_POST['judul'];
    $pesan = $_POST['pesan'];
    $pengirim=$_POST['pengirim'];
    $header = "From:$pengrim \r\n";
    $kirim = mail ($tujuan,$judul,$pesan,$header);
    if( $kirim == true )
    {
        echo "Pesan berhasil terkirim";
    }
    else
    {
        echo "Pesan gagal terkirim";
    }
}
?>
<table width="500">
  <form name="kontak" method="post" action="">
    <tr>
      <td colspan="2"><h2>Form Kontak</h2></td>
    </tr>
    <tr>
      <td>Judul Pesan</td>
      <td><input name="judul" id="judul" type="text" size="40" required="true"></td>
    </tr>
    <tr>
      <td>Nama</td>
      <td><input name="pengirim" type="text" id="pengirim" size="30" required="true"></td>
    </tr>
    <tr>
      <td><p>Email</p>      </td>
      <td><input name="email" type="text" id="email" size="30" required="true"></td>
    </tr>
    <tr>
      <td>Pesan</td>
      <td><textarea name="pesan" cols="40" rows="5" id="pesan" required="true"></textarea></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="submit" name="btnKirim" value="Kirim" id="btnKirim">
      <input type="reset" name="btnUlangi" id="button" value="Ulangi"></td>
    </tr>
  </form>
Script diatas bisa anda copy dan simpan dalam file dengan nama kontak.php.
*Note :
1. Untuk mencoba menjalankanya sampai proses kirim, komputer anda harus memiliki layanan email server.
2. Cara mudah mencobanya yaitu dengan mengupload file kontak.php ke dalam hosting di internet.
3. Ada beberapa hosting yang tidak mendukung pengiriman email dari alamat email luar, jadi harus diubah sesuai dengan nama domain anda. Perubahan anda bisa lakukan pada bagian $pengirim=$_POST['pengirim'];

Demikianlah yang dapat disampaikan Dunia Komputer dan Internet mengenai Tutorial Cara Membuat Form Kontak HTML dan PHP Pada Web, semoga dapat bermanfaat baca juga artikel Dunia Komputer dan Internet lainya mengenai Tutorial Cara Mudah Aktivasi Windows 8 Secara Offline

0 komentar:

Posting Komentar

Copyright © Belajar Computer