Cara Membuat Form Sederhana PHP dan HTML

Publish Date : 23-10-2017 , dibaca 62655 kali, Hari ini dibaca : 1 kali ,0 comments

Tutorial kali ini kita akan belajar Cara Membuat Form Sederhana di PHP dan HTML, Untuk anda yang sedang belajar membuat FORM di HTMl dengan PHP tentu ini cukup menyulitkan, lain halnya untuk anda yang sudah mahir atau di level yang lebih tinggi. Untuk itu artikel Membuat Form ini dikhususkan untuk Pemula , yaitu bagaimana membuat FORM dengan HTML dan PHP

Bagaimana Cara Membuat Form dan Prosesnya di PHP .. ??

Ok. langsung saja .. perhatikan script dibawah ini (Anda bisa copy paste dengan menggunakan CTRL+C di keyboard).

index.php

<!DOCTYPE html>
<html>
<head>
 <title>Form Sederhana Suckittrees.com</title>
</head>
<body>
<h2>Form sederhana Suckittrees.com</h2>
 <form method = 'post' action= "aksiForm.php">
  <table>
   <tr>
    <td>Nama</td>
    <td>:</td>
    <td><input type='text' name='nama'></td>
   </tr>
   <tr>
    <td>Umur</td>
    <td>:</td>
    <td><input type='text' name='umur'></td>
   </tr>
   <tr>
    <td>Alamat</td>
    <td>:</td>
    <td><input type='text' name='alamat'></td>
   </tr>
   <tr>
    <td></td>
    <td></td>
    <td><input type='submit' value='KIRIM'></td>
   </tr>
  </table>  
 </form>
</body>
</html>

Berikut ini penjelasan script diatas.  Untuk membuat form kita harus menggunakan tag <form> </form> dengan atribut di dalamnya yaitu method yang berguna melewatkan nilai yang ada di form nanti . method hanya ada dua yaitu POSTdan GET, keduanya memiliki perbedaan tapi tidak saya bahas di sini . Kemudian atribut selanjutnya adalah action , ini di isi tujuan nilai yang akan kita kirimkan yakni aksiForm.php (file ini akan kita buat dibawah).

Lalu kita buat tabel dengan menggunakan <table></table>. Di dalam tabel kita dapat membuat baris <tr> dan juga kolom <br> . Kemudian untuk inputanya kita gunakan type text dan beri nama inputan di atribut name , nama ini seperti nama variabel jika di bahasa pemrograman .

  <tr>
    <td>Nama</td>
    <td>:</td>
    <td><input type='text' name='nama'></td>
   </tr>

Jika sudah kita buat tombol nya , sama seperti inputan cuma type nya di ganti submit .

<input type='submit' value='KIRIM'>

Sampai di sini form sudah selesai dan bisa di lihat di browser .

Namun form ini belum bisa di gunakan . Agar bisa di gunakan kita harus buat lagi file aksiForm.php (Penamaan file harus sesuai dengan action form diatas). Buat dahulu tanda phpnya ,  Kemudian buat variabel dan isi dengan nilai yang kita lempar kan tadi . Caranya menggunakan $_POST[nama inputan] , perhatikan nama inputan di sini harus sama dengan yang ada di form . Jika kita menggunakan method get di form tadi maka cara menangkapnya bukan dengan $_POST[] tapi dengan $_GET[] .

Berikut ini merupakan script aksiForm.php (file ini yang digunakan untuk menerima kiriman dari method di form diatas)

<?php
 $nama = $_POST['nama'];
 $umur = $_POST['umur'];
 $alamat = $_POST['alamat'];

echo "Selamat $nama , anda berhasil membuat form sederhana<br><br>";
echo "nama = $nama <br>umur = $umur <br>alamat = $alamat";

 ?>

Penjelasan dari script diatas, Script diatas merupakan script yang kita gunakan untuk menerima inputan form, dimana kita membuat variabel untuk menampung METHOD POST dari FORM diatas, yaitu :

 $nama = $_POST['nama'];
 $umur = $_POST['umur'];
 $alamat = $_POST['alamat'];

Biar kita tahu tampilkan isi dari variabel tadi .

echo "Selamat $nama , anda berhasil membuat form sederhana<br><br>";
echo "nama = $nama <br>umur = $umur <br>alamat = $alamat";

Jika sudah benar maka akan tampil seperti ini .

membuat form sederhana HTML PHP

 

Produk Rekomendasi

Artikel Terkait

Diskusi



wa