search

Cara menghubungkan form php ke database

1 years ago
Komentar: 0
Dibaca: 176

Ketika membuat website atau aplikasi berbasis web, kita tidak bisa lepas dengan yang namanya form. Form ini digunakan untuk menerima input dari user untuk kemudian diolah sesuai keperluan.

Show

Seperti kita ketahui, form HTML hanya digunakan untuk (1) menerima input dari user dan (2) mengirim data tersebut ke alamat tertentu, selesai, ya sampai disitu saja fungsi dari form HTML ini, tentang bagaimana data tersebut diolah, bukan menjadi tanggung jawab form lagi.

I. Elemen Form HTML

Elemen form <form..> memiliki beberapa atribut penting yang akan menentukan kemana data dikirim dan dengan cara apa data dikirim, atribut tersebut adalah action dan method, misal kita buat file 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
0 dan 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
1 yang kita letakkan didalam folder htdocs

Cara menghubungkan form php ke database
Cara menghubungkan form php ke database

Isikan kode berikut ke dalam file form.php

<h1>Form HTML Dengan PHP</h1>
<form action="proses.php" method="post">
	<div>
		<label>Nama</label><input type="text" name="nama"/>
	</div>
	<div>
		<label>Email</label><input type="text" name="email"/>
	</div>
	<input type="submit" value="Simpan"/>
</form>

DEMO

Klik DEMO untuk langsung melihat hasil

1  Atribut Action

Atribut action berisi alamat url kemana data form tersebut akan dikirim. Pada contoh script diatas, kita isi atribut action dengan 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
1 sehingga, ketika tombol submit di klik, maka data form tersebut dikirim ke 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
3

URL Relative VS URL Absolute

Jika alamat url ( termasuk pada atribut action pada form) ditulis tanpa menggunakan 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
4 atau 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
5, maka alamat tersebut disebut relative url.

Misal pada contoh diatas, atribut action pada elemen 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
6 yang ada di dalam file 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
0 bernilai: 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
1, artinya alamat tersebut relative (mengacu) pada posisi file 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
0 (path url 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
0 adalah 
<?php
echo 'Nama  : ' . $_GET['nama'] . '<br/>';
echo 'Email : ' . $_GET['email'];
1)

Dengan demikian, karena file 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
1 berada satu folder dengan file 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
0 maka url untuk file 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
1 adalah 
<?php
echo 'Nama  : ' . $_GET['nama'] . '<br/>';
echo 'Email : ' . $_GET['email'];
5

Jika atribut action kita isi 

<?php
echo 'Nama  : ' . $_GET['nama'] . '<br/>';
echo 'Email : ' . $_GET['email'];
6 maka form akan dikirim ke 
<?php
echo 'Nama  : ' . $_GET['nama'] . '<br/>';
echo 'Email : ' . $_GET['email'];
7

Selain url relative, kita juga dapat mengisi atribut action dengan url absolute, url absolute berarti alamat url ditulis penuh. misal 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
3

2 Atribut Method

Atribut method digunakan untuk menentukan dengan cara apa data dikirim. Atribut ini memiliki dua nilai, yaitu GET dan POST.

Method GET

Pada method GET, data pada form akan dikirim melalui url. Misal, pada form yang telah kita buat sebelumnya, kita beri atribut method dengan nilai 

<?php
echo 'Nama  : ' . $_GET['nama'] . '<br/>';
echo 'Email : ' . $_GET['email'];
9, selanjutnya, kita isi isian nama, misal: Agus Prawoto Hadi dan email: [email protected], ketika kita klik tombol simpan, maka url akan berubah menjadi:

Cara menghubungkan form php ke database
Cara menghubungkan form php ke database

Pada gambar tersebut terlihat bahwa alamat url berubah menjadi:

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com

Pada url diatas, bagian parameter yang berisi data form dimulai dengan tanda tanya, selanjutnya diikuti parameter dengan format  

echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
0, antar parameter dipisah dengan tanda ampersand ( 
echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
1 )

Pada gambar diatas, terlihat bahwa 

echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
2 berubah menjadi 
echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
3 dan 
echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
4 berubah menjadi 
echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
5, hal ini dikarenakan ketika data dikirim via url, data tersebut akan diencode (URL encode).

Dalam URL Encode beberapa karakter akan diubah dengan karakter tertentu, namun tidak perlu khawatir, ketika data ditangkap oleh PHP, data tersebut akan di decode, sehingga kembali ke bentuk aslinya.

echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
6 berasal dari atribut 
echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
7 dari tiap-tiap elemen input, sedangkan 
echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
8 merupakan nilai yang kita isikan pada elemen input. Perhatikan ilustrasi berikut:

Cara menghubungkan form php ke database
Cara menghubungkan form php ke database

Method POST

Pada method POST, data pada form akan dikirim melalui http request header, sehingga tidak terlihat oleh user. Misal, pada form sebelumnya kita isi atribut action dengan nilai POST, selanjutnya, ketika kita klik simpan, maka alamat URL akan berubah menjadi:

Cara menghubungkan form php ke database
Cara menghubungkan form php ke database

Pada gambar diatas, terlihat bahwa tidak ada data yang dikirim melalui URL. Jika kita ingin melihat data yang dikirim, kita dapat menggunakan addon developer tools pada Chrome atau firebug pada Firefox, kemudian pilih bagian tab Network.

Method GET vs Method POST

Method GET dan POST memiliki beberapa perbedaan mendasar, diantaranya:

Method GET

  • Kurang aman karena data terekspose, selain itu, karena dikirim melalui url, data tersebut akan tersimpan pada history browser
  • Panjang data terbatas antara 2kb – 8kb tergantung jenis browser.
  • Hanya dapat mengirim data teks, tidak dapat mengirim file
  • Oleh browser tidak diperlakukan sebagai data sensitif, sehingga halaman tersebut dapat direfresh dengan mudah

Method POST

  • Lebih aman, karena data tidak terekspose, selain itu, data yang dikirim tidak tersimpan pada history browser
  • Dapat mengirim data berukuran besar.
  • Dapat mengirim berbagai jenis data termasuk file
  • Oleh browser diperlakukan sebagai data sensitif, sehingga ketika direfresh, browser akan meminta konfirmasi pengiriman ulang data.

Lebih jauh tentang kedua metode ini, termasuk kelebihan dan kekurangan, kapan digunakan, dan proses pengirimannya dibahas lengkap di: Memahami GET dan POST Pada PHP dan HTTP

II. Menangkap Data Dari Form HTML Dengan PHP

Setelah data dikirim oleh form HTML, maka data tersebut siap untuk diolah.

Menangkap Data GET

Untuk menangkap data yang dikirim dengan method GET, kita gunakan variabel 

echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
9, variabel ini berbentuk array dengan index berupa nilai atribut 
echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
7 pada elemen input.

Misal: isikan file 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
1 dengan script berikut:

<?php
echo 'Nama  : ' . $_GET['nama'] . '<br/>';
echo 'Email : ' . $_GET['email'];

Selanjutnya, ubah atribut action pada file 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
0 dengan nilai 
http://localhost/form/proses.php?nama=JagoWebDev&[email protected]
3. Buka form dan isikan Agus Prawoto Hadi pada field nama dan [email protected] pada email, kemudian klik submit. Hasil yang kita peroleh:

Cara menghubungkan form php ke database
Cara menghubungkan form php ke database

Untuk melihat semua data yang dikirim, gunakan fungsi 

http://localhost/form/proses.php?nama=JagoWebDev&[email protected]
4, misal:

echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/

Karena data dikirim melalui URL, maka kita dapat mengubah data tersebut dengan mengubah url, misal ubah URL menjadi:

http://localhost/form/proses.php?nama=JagoWebDev&[email protected]

maka hasil yang kita peroleh:

Cara menghubungkan form php ke database
Cara menghubungkan form php ke database

Menangkap Data POST

Sedangkan untuk method 

http://localhost/form/proses.php?nama=JagoWebDev&[email protected]
5, kita gunakan variabel 
http://localhost/form/proses.php?nama=JagoWebDev&[email protected]
6. Sama seperti 
echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
9, variabel 
http://localhost/form/proses.php?nama=JagoWebDev&[email protected]
6 juga berbentuk array dengan index berupa nilai atribut 
echo '<pre>'; print_r($_GET);
/* Hasil: 
Array
(
 [nama] => Agus Prawoto Hadi
 [email] => [email protected]
 [submit] => Simpan
)
*/
7 pada elemen input.

Misal kita ubah nilai atribut action pada elemen form menjadi post, selanjutnya dan kita ubah isi file 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
1 menjadi:

<?php
echo 'Nama  : ' . $_POST['nama'] . '<br/>';
echo 'Email : ' . $_POST['email'];
echo '<pre>'; print_r($_POST);

Ketika kita klik tombol submit, maka hasil yang kita peroleh adalah:

Cara menghubungkan form php ke database
Cara menghubungkan form php ke database

III. Mengirim dan Menangkap Data Dengan File Yang Sama

Sejauh ini, kita mengirim dan menangkap data pada dua file yang berbeda, yaitu 

http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
0 untuk mengirim data, dan 
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawoto.hadi%40gmail.com
1 untuk menangkap data.

Dalam praktek, untuk mengirim dan menangkap data seringnya kita gunakan file yang sama, sehingga lebih praktis. Untuk mengirim dan menangkap data form denga file yang sama, caranya, kosongkan nilai pada atribut action, misal 

<?php
echo 'Nama  : ' . $_POST['nama'] . '<br/>';
echo 'Email : ' . $_POST['email'];
echo '<pre>'; print_r($_POST);
3

Misal, pada folder form, kita buat file 

<?php
echo 'Nama  : ' . $_POST['nama'] . '<br/>';
echo 'Email : ' . $_POST['email'];
echo '<pre>'; print_r($_POST);
4 dengan script sebagai berikut:

<h1>Form HTML Dengan PHP</h1>
<form action="" method="get">
	<div>
		<label>Nama</label><input type="text" name="nama" value="<?=isset($_POST['nama']) ? $_POST['nama'] : ''?>"/>
	</div>
	<div>
		<label>Email</label><input type="text" name="email" value="<?=isset($_POST['email']) ? $_POST['email'] : ''?>"/>
	</div>
	<input type="submit" name="submit" value="Simpan"/>
</form>
<?php
if (isset($_POST['submit'])) {
	echo 'Nama Anda  : ' . $_POST['nama'] . '<br/>';
	echo 'Email Anda : ' . $_POST['email'];
}?>

DEMO

Penjelasan:

  • Pada baris 4, kita buat ternary operator 
    <?php
echo 'Nama  : ' . $_POST['nama'] . '<br/>';
echo 'Email : ' . $_POST['email'];
echo '<pre>'; print_r($_POST);
    5 jika di klik submit, statemen ini akan mencetak nama yang diisikan user, hal yang sama berlaku pada email (baris 7)
  • Selanjutnya, pada baris 12, kita tes apakah variabel post memiliki index 
    <?php
echo 'Nama  : ' . $_POST['nama'] . '<br/>';
echo 'Email : ' . $_POST['email'];
echo '<pre>'; print_r($_POST);
    6, jika ya, artinya ada data yang dikirim, selanjutnya kita cetak nama dan email yang diinput oleh user

IV. Menampilkan Hasil Input Form HTML dengan PHP

Terdapat berbagai jenis elemen untuk mengirim data menggunakan Form HTML, diantaranya elemen 

<?php
echo 'Nama  : ' . $_POST['nama'] . '<br/>';
echo 'Email : ' . $_POST['email'];
echo '<pre>'; print_r($_POST);
7, 
<?php
echo 'Nama  : ' . $_POST['nama'] . '<br/>';
echo 'Email : ' . $_POST['email'];
echo '<pre>'; print_r($_POST);
8, dan 
<?php
echo 'Nama  : ' . $_POST['nama'] . '<br/>';
echo 'Email : ' . $_POST['email'];
echo '<pre>'; print_r($_POST);
9.

Elemen input memiliki beberapa type, diantaranya 

<h1>Form HTML Dengan PHP</h1>
<form action="" method="get">
	<div>
		<label>Nama</label><input type="text" name="nama" value="<?=isset($_POST['nama']) ? $_POST['nama'] : ''?>"/>
	</div>
	<div>
		<label>Email</label><input type="text" name="email" value="<?=isset($_POST['email']) ? $_POST['email'] : ''?>"/>
	</div>
	<input type="submit" name="submit" value="Simpan"/>
</form>
<?php
if (isset($_POST['submit'])) {
	echo 'Nama Anda  : ' . $_POST['nama'] . '<br/>';
	echo 'Email Anda : ' . $_POST['email'];
}?>
0, 
<h1>Form HTML Dengan PHP</h1>
<form action="" method="get">
	<div>
		<label>Nama</label><input type="text" name="nama" value="<?=isset($_POST['nama']) ? $_POST['nama'] : ''?>"/>
	</div>
	<div>
		<label>Email</label><input type="text" name="email" value="<?=isset($_POST['email']) ? $_POST['email'] : ''?>"/>
	</div>
	<input type="submit" name="submit" value="Simpan"/>
</form>
<?php
if (isset($_POST['submit'])) {
	echo 'Nama Anda  : ' . $_POST['nama'] . '<br/>';
	echo 'Email Anda : ' . $_POST['email'];
}?>
1, dan 
<h1>Form HTML Dengan PHP</h1>
<form action="" method="get">
	<div>
		<label>Nama</label><input type="text" name="nama" value="<?=isset($_POST['nama']) ? $_POST['nama'] : ''?>"/>
	</div>
	<div>
		<label>Email</label><input type="text" name="email" value="<?=isset($_POST['email']) ? $_POST['email'] : ''?>"/>
	</div>
	<input type="submit" name="submit" value="Simpan"/>
</form>
<?php
if (isset($_POST['submit'])) {
	echo 'Nama Anda  : ' . $_POST['nama'] . '<br/>';
	echo 'Email Anda : ' . $_POST['email'];
}?>
2 masing masing type ini berbeda cara penanganannya.

Agar pembahasan tidak terlalu panjang, tutorial tentang bagaimana cara menampilkan hasil input form HTML dengan PHP dapat diikuti pada artikel:

Pada artikel terebut kita akan membahas cara membuat form beserta penanganan data POST. Output yang dihasilkan seperti tampak pada gambar berikut:

Cara menghubungkan form php ke database
Cara menghubungkan form php ke database

Pada gambar diatas:

  • Ketika disubmit, elemen input akan tetap berisi data yang telah diinput, dipilih, dan dicentang oleh user.
  • Kita uji apakah elemen input, terutama elemen checkbox ada yang dicentang atau tidak, karena untuk mengetahui apakah checkbox dicentang atau tidak, teknik pengujiannya agak berbeda.

Demo Form: Form HTML Pada PHP

Download Source Code: View Source Code

Demikian pembahasan mengenai cara menghubungkan form HTML dengan PHP, semoga bermanfaat.

Lebih dalam mengenai GET dan POST: Memahami GET dan POST dan HTTP

Subscibe Now

Suka dengan artikel di Jagowebdev.com? jangan sampai ketinggalan, segera join ke milis kami untuk update informasi terbaru dari Jagowebdev.com

Komitmen Kami: Kami senantiasa menghargai privasi Anda dan tidak akan membagikan identitas Anda ke pihak manapun.

Bagaimana cara mengkoneksikan PHP dengan database MySQL?

Empat langkah menggunakan MySQLi untuk membuat koneksi database PHP ke MySQL:.
Buka File Manager -> public_html..
Buat File Baru dengan mengklik ikon tambah file pada menu di atas layar..
Simpan dengan nama databaseconnect.php, atau nama lain yang Anda inginkan, tapi ekstensinya tetap ..

3 langkah utama untuk melakukan koneksi ke database?

(1) membuat koneksi sengan server database. (2) Membuat perintah dan mengirimkannya ke server database. (3) menerima dan mengolah hasil.

Apa saja database yang bisa digunakan oleh PHP?

PHP mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll.) PHP adalah perangkat lunak open-source atau source kodenya terbuka. PHP itu GRATIS dan BEBAS dipakai siapapun.

Bagaimana cara import data pada phpMyAdmin?

Impor file SQL ke database MySQL.
Masuk ke phpMyAdmin..
Di phpMyAdmin, di menu sebelah kiri, pilih nama database yang ingin Anda gunakan. ... .
Di menu bagian atas, pilih Impor..
Gunakan Pilih file..
Temukan dan pilih file yang ingin Anda impor, lalu pilih Buka..
Di bagian bawah halaman, pilih Mulai..

kode php

Pos Terkait

Cara menggunakan first date in mysql
Cara menggunakan first date in mysql

Bootstrap intellisense visual studio 2022
Bootstrap intellisense visual studio 2022

Cara menutupi ssn di excel
Cara menutupi ssn di excel

Konversi ipv6 ke ipv4 php
Konversi ipv6 ke ipv4 php

Fungsi tableau lembar contekan pdf
Fungsi tableau lembar contekan pdf

Bagaimana callback diimplementasikan dalam javascript?
Bagaimana callback diimplementasikan dalam javascript?

Bagaimana Anda mendeklarasikan variabel baru dalam javascript?
Bagaimana Anda mendeklarasikan variabel baru dalam javascript?

Html pilih opsi panjang maksimum
Html pilih opsi panjang maksimum

Apa simbol akar pangkat tiga di python?
Apa simbol akar pangkat tiga di python?

Apa itu dekorator dalam contoh sederhana python?
Apa itu dekorator dalam contoh sederhana python?

Periklanan

BERITA TERKINI

Cara menggunakan email html
1 years ago . by LegitimateSubcommittee
JavaScript substring first and last character
1 years ago . by UsualShopping
Bagaimana cara menjalankan tugas cron dalam skrip php?
1 years ago . by SerialSubscription
Php dan modul mysql pdf
1 years ago . by ShockingSwimmer
Print range list Python
1 years ago . by InspirationalCollaborator
Php dapatkan semua variabel lingkungan
1 years ago . by PrimaryIrrigation
Cara menggunakan dateiff postgresql
1 years ago . by PreviousLiner
Can you lock a Google sheet from editing?
1 years ago . by Double-breastedDollar
Bagaimana cara menambahkan data dari api ke google sheets?
1 years ago . by ExtensiveBingo
Bagaimana cara memasukkan skrip ke google sheets?
1 years ago . by MadStorey

Toplist Popular

#1
Top 7 rothenburg ob der tauber sehenswürdigkeiten stadtplan 2022
1 years ago
#2
Top 8 rufumleitung für bestimmte nummern android 2022
1 years ago
#3
Top 8 mündliche prüfung 2. staatsexamen jura bayern 2022
1 years ago
#4
Top 8 wenn kleinigkeiten am partner stören 2022
1 years ago
#5
Top 7 hilfsmittel für behinderte im alltag 2022
1 years ago
#6
Top 8 wann gilt lkw-fahrverbot in deutschland? 2022
1 years ago
#7
Top 7 wookie und copilot von han solo in star wars 2022
1 years ago
#8
Top 6 cafe da manha pobre 2022
1 years ago
#9
Top 7 bildung und teilhabe mühlhausen telefonnummer 2022
1 years ago
#10
Top 6 tiguan allspace 3 sitzreihe nachrüsten 2022
1 years ago

Periklanan

Terpopuler

Token Data

Periklanan

Tentang Kami

Legal

Dukungan

Social

homeentr
Copyright © 2024 kemunculan Inc.