Your browser does not support JavaScript!

Gaswad.Com

— Apapun Informasinya Yang Penting Berguna
    Follow :

Tutorial : Form Input Data Ke Database Dengan PHP-MySQL (Sederhana) – Part 1
Sep 19th, 2017

Tutorial : Form Input Data Ke Database Dengan PHP-MySQL (Sederhana) – Part 1

Category : Tutorials | Posted by G-admin at at September 19th, 2017 13:29 pm
31658 | 28

Pada tutorial kali ini kita akan coba membuat form input ke database komplit dengan skrip untuk koneksi ke database-nya, untuk lebih jelasnya langsung saja kita baca tutorial di bawah ini,

Pertama kita buat dulu 3 buah file, namanya bebas asal berekstensi *.PHP. Kenapa di butuhkan 3 buah file? Sebenarnya di bikin 1 file saja juga cukup, tapi di jamin bakal ngejelimet, oleh karena itu lebih baik di pisah-pisah agar mudah dalam pengembangannya. Dalam tutorial ini penulis membuat file-file yang antara lain :

  1. satu.php, file ini akan berisi kode yang nantinya berfungsi untuk menampilkan form input-nya.
  2. dua.php,  file ini yang berfungsi sebagai konfigurasi PHP-nya agar data yang di proses di file tiga.php di bawah dapat tersimpan ke dalam database, jadi database-nya nanti akan kita buat di langkah 2 di bawah.
  3. tiga.php, file ini yang akan memproses data yang di input melalui form input di file satu.php.

Pastikan untuk Virtual Server pada PC kalian sudah di jalankan terlebih dahulu. Apa itu Virtual Server dan fungsinya silahkan kalian merujuk ke link berikut.

Jika sudah, masuk ke dalam folder /htdocs dari Virtual Server XAMPP kalian, buat folder baru di folder tersebut dengan nama ‘/form_input‘, lalu masukan ke tiga file tadi ke dalam folder /form_input.

 

Langkah 1. (Form Input)

satu.php

1. Buka file satu.php, masukan tag HTML standar seperti <title>, <head>, <body>, dll. lalu di bagian tag <body> buat form untuk input datanya, berikut skripnya :

<body>
  <form method="post" action="tiga.php">
    Nama : <input type="text" name="nama" /><br />
    Alamat : <input type="text" name="alamat" /><br />
    Telpon : <input type="text" name="telp" /><br />
    <input type="submit" value="Submit" />
  </form>
</body>

Penjelasan

method, pada bagian ‘method‘ yang di huruf tebal di atas boleh kalian isi ‘post‘ atau ‘get‘, perbedaan POST dan GET ini kurang lebih penjelasannya sebagai berikut.

Kalau kalian perhatikan pada form di atas terdapat 3 value, yaitu name=”nama; name=”alamat dan name=”telp, data input dari ketiga value ini yang akan di proses di file dua.php nanti, kalau kalian menggunakan GET, setelah di submit maka nilai dari value yang kalian masukan akan tampil di URL browser kalian.

http://localhost/satu.php?name=otong&alamat=bekasi&telp=082373843

Sedangkan kalau kalian menggunakan POST pada method-nya, maka nilai dari value yang kalian masukan tidak akan di tampilkan.

http://localhost/satu.php

Sedangkan dari sisi sekuritinya otomatis GET sedikit kurang jika di bandingkan dengan POST, namun bukan berarti GET lebih buruk, ada beberapa fitur GET yang lebih baik daripada POST. Mengenai keunggulan-keunggulannya kalian bisa coba browsing sendiri di Om’ Google.

action, action pada form di atas bisa di istilahkan sebagai navigator, pada saat tombol Submit di klik nanti si tombol ini akan ‘nanya‘ ke action, data-data yang sudah kalian input ini mau di proses dimana, lalu si action bilang, ‘di dua.php aja…‘, oleh karena itu untuk action kita isi nama file dua.php agar data input-nya bisa di proses di file tersebut.

type, type atau tipe input dalam istilah yang lebih mudahnya yaitu jenis kolom, kalau kolomnya untuk input nama berarti tipe input-nya ‘text‘, kalau buat email berarti tipe inputnya ‘email‘, kalau buat nomor berarti tipe input-nya ‘number‘, begitu seterusnya, attributnya sendiri bermacam-macam, jelasnya kalian bisa lihat di link berikut.

HTML Attribute

name, name akan berfungsi sebagai nama dari kolom input itu sendiri, name perlu di isi karena nanti berfungsi sebagai ‘inisial‘ di dalam file proses php (tiga.php).

Jika sudah selesai sekarang tinggal buka browser kalian lalu akses ‘http://localhost/form_input/satu.php‘, kurang lebih tampilan form-nya akan seperti ini :

 

Langkah 2. (Koneksi Database)

Setelah layout atau tampilan form input sudah selesai kalian buat, selanjutnya kita akan membuat koneksi PHP ke database, oleh karena itu silahkan terlebih dahulu buat database melalui phpMyAdmin dengan mengakses ‘http://localhost/phpmyadmin‘.

Setelah itu silahkan kalian buat database-nya, misal dengan nama ‘input_tabel‘. Lalu berdasarkan input value yang sudah kalian buat di atas, maka untuk query-nya bisa berupa nm, addr dan tlp atau yang lainnya. Jangan lupa untuk menambahkan query ID dan set Auto Increment untuk query ID.

Query nm, addr dan tlp akan menyimpan value atau nilai yang kita masukan melalui form input setelah tombol Submit di klik.

dua.php

Pada file dua.php silahkan kalian masukan skrip berikut :

<?php
  $host ="localhost"; //host server
  $user ="root"; //user login phpMyAdmin
  $pass ="root"; //pass login phpMyAdmin
  $db ="input_form"; //nama database
  $conn = mysqli_connect($host, $user, $pass, $db) or die ("Koneksi gagal");
?>

Skrip di atas merupakan skrip untuk koneksi ke database-nya, sebenarnya ada banyak skrip yang bisa kita gunakan untuk mengkoneksikan PHP ke database, salah satunya skrip di atas.

mysql_connect();, berfungsi untuk memberikan akses ke dalam database dengan memberikan autentikasi yang berupa nama host, user dan pass sebagai data login-nya.

mysql_select_db();, berfungsi untuk memilih salah satu dari sekian banyak database yang sudah kita buat, database yang di pilih akan menyimpan semua hasil/value yang kita masukan melalui form input.

or die;, akan menampilkan pesan error jika terjadi kesalahan pada saat proses autentikasi.

Setelah selesai jangan lupa untuk menyimpan perubahan yang sudah kalian lakukan.

 

Langkah 3. (Process Input)

tiga.php

Setelah database, tabel, query serta skrip koneksi database-nya sudah kalian buat, selanjutnya tinggal membuat skrip yang berfungsi untuk memproses hasil input yang kalian masukan di form input agar data-data input-nya dapat tersimpan ke dalam database. silahkan masukan skrip berikut di folder tiga.php.

 

<?php
  include "dua.php";
  $name = $_REQUEST['nama'];
  $alm = $_REQUEST['alamat'];
  $telp = $_REQUEST['telp'];
  $conn = mysqli_connect($host, $user, $pass, $db) or die ("Koneksi gagal");
  $mysqli = "INSERT INTO input_tabel (nm, addr, tlp) VALUES ('$name', '$alm', '$telp')";
  $result = mysqli_query($conn, $mysqli);

  echo "Input berhasil";

  mysqli_close($conn);
?>

include ‘dua.php’;, sintak ini akan memanggil perintah yang ada di dalam file dua.php di mana di dalamnya berupa skrip untuk koneksi ke database, jika data akses ke database ada yang tidak sesuai maka akan menampilkan pesan error.

$name, $addr, $telp, berfungsi sebagai ‘inisial‘ yang akan menyimpan nilai/value yang nantinya akan di masukan ke dalam database, dalam praktik ini, string tersebut tidak harus berupa $name, $addr atau $telp, bisa berupa $tes1, $tes2, $tes3, dsb.

$_REQUEST[], merupakan array assosiatif yang berisi nilai/value dari fungsi $_GET, $_POST atau $_COOKIE yang ada pada file satu.php, $_REQUEST dapat mengambil data dari $_POST atau $_GET. Contoh skrip di atas, $_REQUEST mengambil nilai dari nama, alamat dan telp pada file satu.php.

Pada skrip di atas tidak harus selalu menggunakan $_REQUEST, namun $_POST atau $_GET juga bisa. Kalau menurut teman yang jago koding, penggunaan $_GET atau $_COOKIE sudah jarang, $_POST masih ada beberapa yang menggunakan namun di sarankan menggunakan $_REQUEST di karenakan masalah keamanan.

('INSERT INTO NAMA_TABEL (query1, query2, query3, dsb.) VALUE ('$string1', '$string2', '$string3, $dsb.')');

INSERT INTO, merupakan perintah yang berfungsi untuk memasukan nilai ke dalam NAMA_TABEL dimana di dalamnya terdapat query1, query2, query3, dsb., sedangkan yang di inputkan merupakan VALUE dari ‘$string1‘, ‘$string2‘, ‘$string3‘, dsb.

ECHO, perintah PHP yang akan menampilkan deskripsi yang kita masukan. Pada skrip di atas, perintah ECHO akan menampilkan ‘Input berhasil‘ jika nilai berhasil di input.

Sampai sini kita sudah dapat meng-input data berupa Nama, Alamat dan No Telp ke dalam database, kekurangan dari skrip di atas ialah belum ada kondisi (IF), jadi akan tetap terinput ke dalam database meskipun nilainya kosong, dengan kata lain data akan tetap tersimpan ke dalam database meskipun kita tidak memasukan Nama, Alamat atau Telp pada form yang tersedia.

Pada tutorial berikutnya, kita akan coba memodifikasi skrip di atas (tiga.php) dengan menggunakan kondisi (IF). Yang di dapat jika menggunakan kondisi (IF) ini ialah nilai tidak boleh NULL, jadi tiap form harus di isi agar data dapat ter-input ke database.

* Untuk penamaan database dan tabel di usahakan jangan ada spasi atau simbol ‘ ‘, sebagai gantinya kalian bisa menggunakan simbol ‘ _ ‘ (underscored) sebagai pemisah dan usahakan pula baik nama database dan tabel menggunakan huruf kecil.

Source code :

Download source code

Share social media :



Your response about this article :


28 responses to “Tutorial : Form Input Data Ke Database Dengan PHP-MySQL (Sederhana) – Part 1”

  1. fidel says:

    saya mau nanya, kalo untuk melihat data-data yang di pesan itu gmna ya?? saya baru 15% html, tpi untuk database belum paham, mas bisa jelasin ??
    atau saya boleh mnta no Mas??

    • Untuk melihat data-data yg di pesan ada di Part 3 deh gan kalo ngga salah,
      http://www.gaswad.com/tutorials/tutorial-menampilkan-isi-database-part-3/

      Sebenarnya mau agan ngga menguasai HTML juga ngga masalah sih gan, pemrograman PHP/SQL ngga ada relasinya ama HTML, HTML cuma berperan sebagai Frontend atau tampilannya aja, kalo PHP/SQL berperan sebagai Backend karena tugasnya memproses-proses data.

      Jadi kalo agan HTML-nya masih basic tetap bisa ngikutin tutorial ini gan.

      No ada tp lg ngga di share gan, enaknya share di sini aja gan biar yg lain bisa ikut bantu2 bales gan, ane jg masih awal inih. Hehe…

  2. Sigit says:

    Script insert to hal baru apaa di taro di tengah

  3. Fahmi says:

    Gan, ko waktu membuat database muncul tulisan “#1075 – Incorrect table definition; there can be only one auto column and it must be defined as a key”

    • Coba agan cek lagi di tabel-tabel yg agan bikin, kayaknya ada yg ke set sebagai ‘Auto Increment’ lebih dari 1 tabel gan, pastiin Auto Increment ini cuma di set di tabel ‘id’, ini kalo ane liat dari pesan error-nya ya gan, kalo mau lebih jelasi lagi coba googling aja gan, masukin error code-nya, #1075

  4. Dewi maliana says:

    Terimakasih untuk informasinya, sangat bermanfaat sekali

  5. Marzuki says:

    Saya pengin buat website toko yg ada updatenya. isinya tambah kurang perbarui dan updatenya cuma bisa yg ngisi pemilik tokonya saja, yg lain cuma dapat liat gambar nama barang dan harga, jika boleh saya minta tolong caranya yah..
    Terimakasih…

    • Agan kalo mau bikin website toko (Ecommerse) semacam bukalapak, tokopedia ato lazada sebenarnya itu untuk programmer kelas expert dan butuh waktu lama gan, jadi sangat TIDAK di sarankan menggunakan metode natif ato manual seperti tutorial di atas, di jamin 100% bakalan susah untuk development-nya. Jadi ane saranin agan pake Framework PHP seperti Laravel ato Yii! Framework. Tutorial di atas hanya untuk basic-nya aja agar agan tau flow2-nya bagaimana. Insya allah nanti ane bikin tutorial pake Framework Laravel deh’, jadi di tunggu ya gan… Thanx…

  6. http://www.atmaluhur.ac.id

    cara bikin imputan data di web caranya gimna saya belum paham

    klo pnya codingan kirim ken email saya 1622500098@mahasiswa.atmaluhur.ac.id

  7. jhony says:

    kalau sudah berhasil diinput , namun formnya itu kita isi dengan data baru yang menggantikan data lama di database bagaimana ya ? soalnya ini kan hanya menambahkan terus data nya tanpa mengupdate data .. terima kasih

  8. jeff says:

    Thanks gan.. ini yg gua cari2 selama ini.. udah coba.. 100% work ini link percobaannya : http://jeff1304.dx.am/database/createdatabase1.php

  9. Rio says:

    Kenapa saat saya input data, data yg masuk ke database hanya satu, jika ditambah lagi akan jadi gagal. Terima kasih.

  10. luqman says:

    Terimakasih..Tulisannya Sangat Membantu.
    My blog
    My Campus

  11. Terima kasih artikel anda sangat bermanfaat untuk saya pelajari sendiri
    My blog
    My Campus

  12. joen says:

    terimkasih infonya, sangat membantu

Leave a Reply to Gaswad Sadmin Cancel reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Articles

Latest Posts

Panduan SEO ala Google
Panduan SEO ala Google
Category : Tips & Tricks | October 24th, 2017
488 | 0

Kali ini penulis ingin memberikan beberapa tips dan panduan untuk meningkatkan SEO website kalian, beberapa panduan dan tips berikut secara kebetulan merupakan salah satu yang  di referensikan oleh Google agar website kalian dapat dengan mudah di cr...

Continue reading
Tutorial : Cara Membuat Template WordPress – Part 4
Tutorial : Cara Membuat Template WordPress – Part 4
Category : Wordpress | October 20th, 2017
722 | 0

Pada sesi ini kita akan membuat Menu Navigasi dan Sidebar pada halaman template yang sudah kita buat sebelumnya, sesi ini merupakan sambungan dari artikel-artikel berikut : Intro & Registering Template – Part 1 Frontpage, Header & Footer ...

Continue reading
Tutorial : Cara Membuat Template WordPress – Part 3
Tutorial : Cara Membuat Template WordPress – Part 3
Category : Wordpress | October 20th, 2017
565 | 0

Pada artikel kali ini kita akan melanjutkan bagaimana cara membuat template WordPress menyambung artikel sebelumnya. Pada sesi sebelumnya kita sudah berhasil membuat halaman Frontpage, Header dan Footer website, pada artikel kali ini kita akan coba m...

Continue reading
Cara Mendapatkan Uang Dengan Google Adsense
Cara Mendapatkan Uang Dengan Google Adsense
Category : Tutorials | October 16th, 2017
1108 | 2

Setelah beberapa waktu lalu di kantor penulis sempat heboh-hebohnya di karenakan fitur dari Google yang bernama Adsense ini, bagaimana tidak karena rekan-rekan penulis yang tadinya cuma browsing-browsing doang, youtube-an, download film, tidur, kesur...

Continue reading
Tutorial : Cara Membuat Template WordPress – Part 2
Tutorial : Cara Membuat Template WordPress – Part 2
Category : Wordpress | October 13th, 2017
648 | 0

Artikel ini merupakan sambungan dari artikel pertama, pada artikel sebelumnya kita sudah membahas bagaimana cara mendaftarkan template kita agar terbaca oleh aplikasi WordPress tepatnya di halaman Themes. Jadi bagi kalian yang belum membaca artikel t...

Continue reading
Cara Mendaftarkan Dan Melakukan Verifikasi Domain Di Google Search Console
Cara Mendaftarkan Dan Melakukan Verifikasi Domain Di Google Search Console
Category : Tutorials | October 12th, 2017
1250 | 2

Pada pertemuan kali ini (udah kayak anak kuliahan ajah), penulis ingin berbagi pengetahuan tentang bagaimana cara medaftarkan dan melakukan verifikasi domain kalian di Google Search Console. Bagi kalian yang masih bingung dan tidak tahu bagaimana car...

Continue reading
11 Cara Meningkatkan Keamanan Pada WordPress
11 Cara Meningkatkan Keamanan Pada WordPress
Category : Wordpress | October 10th, 2017
683 | 0

Pada artikel kali ini penulis ingin membagikan beberapa tips seputar keamanan pada website WordPress, yang kebetulan penulis dapat dari hasil searching-searching di Om’ Google. Seperti yang kalian ketahui saat ini WordPress merupakan salah satu...

Continue reading
Tutorial : Cara Membuat Template WordPress – Part 1
Tutorial : Cara Membuat Template WordPress – Part 1
Category : Wordpress | October 9th, 2017
1121 | 0

Halo para pembaca Gaswad, pada artikel ini penulis ingin membahas tentang bagaimana cara membuat template WordPress. Kenapa penulis membuat artikel ini tidak lain karena ingin berbagi pengetahuan kepada kalian khususnya para pengguna CMS WordPress se...

Continue reading
Pengertian Page View, Visitor Dan Bounce Rate
Pengertian Page View, Visitor Dan Bounce Rate
Category : Others | October 9th, 2017
609 | 0

Sebenarnya pada artikel kali ini penulis ingin membuat tutorial bagaimana cara membuat template WordPress, menimbang WordPress merupakan salah satu CMS yang paling banyak di gunakan saat ini. Tapi berhubung tutorialnya agak panjang dan belum rampung ...

Continue reading
Tutorial : Cara Membuat Web Responsif (Mobile Version) Dengan Bootstrap – Part 2 (Complete)
Tutorial : Cara Membuat Web Responsif (Mobile Version) Dengan Bootstrap – Part 2 (Complete)
Category : Tutorials | October 5th, 2017
2088 | 2

Hallo… para pembaca Gaswad yang baik dan budiman, yang ganteng dan yang cantik, yang jelek halo juga deh… Setelah beribu-ribu menit dan detik berlalu, jam demi jam telah kita lewati, dari pagi hari sampai sore hari, akhirnya… sampai...

Continue reading
Tutorial : Cara Membuat Web Responsif (Mobile Version) Dengan Bootstrap – Part 1
Tutorial : Cara Membuat Web Responsif (Mobile Version) Dengan Bootstrap – Part 1
Category : Tutorials | September 30th, 2017
4983 | 4

Bootstrap merupakan salah satu CSS Framework yang paling banyak di gunakan oleh para pengembang web saat ini, bagi kalian yang masih belum tau dan mengerti apa yang di maksud dengan Web Framework, maka silahkan kalian merujuk ke link berikut : Apa It...

Continue reading
Cara Mengetahui Kecepatan Page Load Website
Cara Mengetahui Kecepatan Page Load Website
Category : Programmings | September 29th, 2017
785 | 0

Pada artikel kali ini penulis ingin memberikan trick bagaimana cara mengetahui kecepatan Page-Load website kalian, mungkin beberapa dari kalian masih belum tahu seberapa cepat kecepatan website yang kalian miliki pada saat website tersebut di akses a...

Continue reading

Wordpress

  • Oct
    24
    2017
    Tutorial : Cara Membuat Template WordPress – Part 5 (Complete)
    Artikel ini merupakan artikel terakhir tentang bagaimana cara membuat template WordPress, bagi ...
    Read more
  • Oct
    20
    2017
    Tutorial : Cara Membuat Template WordPress – Part 4
    Pada sesi ini kita akan membuat Menu Navigasi dan Sidebar pada halaman template yang sudah kita...
    Read more
  • Oct
    20
    2017
    Tutorial : Cara Membuat Template WordPress – Part 3
    Pada artikel kali ini kita akan melanjutkan bagaimana cara membuat template WordPress menyambun...
    Read more
  • Oct
    13
    2017
    Tutorial : Cara Membuat Template WordPress – Part 2
    Artikel ini merupakan sambungan dari artikel pertama, pada artikel sebelumnya kita sudah membah...
    Read more
  • Oct
    10
    2017
    11 Cara Meningkatkan Keamanan Pada WordPress
    Pada artikel kali ini penulis ingin membagikan beberapa tips seputar keamanan pada website Word...
    Read more
  • More articles
Tips & Tricks

  • Aug
    14
    2018
    Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
    Hallo guys, akhirnya kita berjumpa lagi setelah sekian lama kita berpisah… Hallah… ...
    Read more
  • Nov
    13
    2017
    Error Reported Attack Page! Waw… Domain Di Blacklist Google??
    Seperti yang kalian lihat pada contoh tampilan gambar di atas, tampilan tersebut merupakan tamp...
    Read more
  • Oct
    24
    2017
    Panduan SEO ala Google
    Kali ini penulis ingin memberikan beberapa tips dan panduan untuk meningkatkan SEO website kali...
    Read more
  • Sep
    15
    2017
    Cara Mudah Download Video Youtube
    Bagi kita-kita yang suka menonton video dari Youtube pasti sering tiba-tiba terbesit seperti in...
    Read more
  • Oct
    29
    2015
    5 Cara Mempercepat Loading Website
    Berbagai macam cara dan usaha yang kita lakukan untuk membuat website kita menjadi benar-benar ...
    Read more
  • More articles
Tutorials

  • Sep
    04
    2018
    Membuat Efek Gradasi Warna Menggunakan CSS
    Pada tutorial kali ini kita akan mencoba membuat gradasi warna, apa itu gradasi warna bisa kali...
    Read more
  • Nov
    13
    2017
    Cara Menambah Ads Unit Atau Blok Iklan Adsense
    Halo para pembaca Gaswad yang ganteng dan yang cantik-cantik, yang jelek jangan kesinggung ya. ...
    Read more
  • Oct
    16
    2017
    Cara Mendapatkan Uang Dengan Google Adsense
    Setelah beberapa waktu lalu di kantor penulis sempat heboh-hebohnya di karenakan fitur dari Goo...
    Read more
  • Oct
    12
    2017
    Cara Mendaftarkan Dan Melakukan Verifikasi Domain Di Google Search Console
    Pada pertemuan kali ini (udah kayak anak kuliahan ajah), penulis ingin berbagi pengetahuan tent...
    Read more
  • Oct
    05
    2017
    Tutorial : Cara Membuat Web Responsif (Mobile Version) Dengan Bootstrap – Part 2 (Complete)
    Hallo… para pembaca Gaswad yang baik dan budiman, yang ganteng dan yang cantik, yang jele...
    Read more
  • More articles
Others

  • Sep
    17
    2018
    Perbedaan Localhost Dan Web Hosting
    Halo ghaes… Bagi beberapa dari kalian pasti masih belum ada yang begitu paham bagaimana s...
    Read more
  • Jun
    05
    2018
    Tutorial : Cara Install Composer
    Apa Itu Composer? Composer adalah suatu aplikasi manajemen paket selain Node.js (npm) dan Ruby ...
    Read more
  • Oct
    31
    2017
    Yang Baru Di Bootstrap 4
    Tidak terasa baru saja beberapa waktu lalu penulis menulis artikel tentang Bagaimana Cara Membu...
    Read more
  • Oct
    09
    2017
    Pengertian Page View, Visitor Dan Bounce Rate
    Sebenarnya pada artikel kali ini penulis ingin membuat tutorial bagaimana cara membuat template...
    Read more
  • Sep
    29
    2017
    ​Apa Itu Web Framework?
    Beberapa dari kalian apalagi yang masih pemula dalam bidang pemrograman website pasti masih awa...
    Read more
  • More articles
Page generated in : 866.71 ms