Membuat Kolom Input Untuk Form Record Editor Pada Program PHP - Part 1
Niguru.com | Sabtu, 30 Okt 2021 | Pada posting sehari sebelumnya Niguru.com sudah menjelaskan mengenai cara untuk mengedit record yang berada dalam tabel di dalam database MySQL.Untuk melengkapi penjelasan tersebut pada posting kali ini Niguru.com akan menambahkan penjelasan dengan cara untuk membuat kolom-kolom input yang dapat digunakan untuk mempermudah user menginput data yang akan diedit.
Berikut ini instruksi HTML untuk membuat 3 buah kolom input:
<h1>Form Edit Record</h1><br>
<form>
IDWarga:<br><input name="idwarga"><br>
Nama:<br><input name="nama"><br>
NoHP:<br><input name="nohp"><br>
</form>
Simpan dengan nama "UpdateRecTable02.PHP" (boleh disimpan dengan nama lain):
Buka file tersebut pada browser. Hasilnya:
Agar dapat mengirimkan input, maka perlu ditambahkan instruksi pengiriman data ke server PHP.
Berikut ini instruksi pengiriman data dengan file penerima adalah file yang sama dengan file pengirim (=UpdateRecTable02.PHP):
<h1>Form Edit Record</h1><br>
<form method="get" action="UpdateRecTable02.PHP">
IDWarga:<br><input name="idwarga"><br>
Nama:<br><input name="nama"><br>
NoHP:<br><input name="nohp"><br>
<input type="submit" value="Edit Record">
</form>
Buka file tersebut pada browser. Hasilnya:
Dan berikut ini script penerimaan data yang diketikkan pada area PHP:
<?php
$x=$_GET["idwarga"];$y=$_GET["nama"];$z=$_GET["nohp"];
?>
Note:
Variabel $x, $y dan $z digunakan untuk menampung info yang dikirimkan dari form.
Kode setelah ditambahkan script PHP:
<h1>Form Edit Record</h1><br>
<form method="get" action="UpdateRecTable02.PHP">
IDWarga:<br><input name="idwarga"><br>
Nama:<br><input name="nama"><br>
NoHP:<br><input name="nohp"><br>
<input type="submit" value="Edit Record">
</form>
<?php
$x=$_GET["idwarga"];$y=$_GET["nama"];$z=$_GET["nohp"];
?>
Pastikan server PHP sudah berjalan. Buka file pada browser, hasilnya:
Note:
Terdapat error yang tampil setelah kolom dan tombol pengiriman. Hal ini dikarenakan kolom belum terisi saat halaman form baru dibuka.
Agar error message tidak tampil, tambahkan instruksi sebelum pengambilan data:
error_reporting(0);
ini_set('display_errors', 0);
Kode setelah ditambahkan script untuk mencegah error message:
<h1>Form Edit Record</h1><br>
<form method="get" action="UpdateRecTable02.PHP">
IDWarga:<br><input name="idwarga"><br>
Nama:<br><input name="nama"><br>
NoHP:<br><input name="nohp"><br>
<input type="submit" value="Edit Record">
</form>
<?php
error_reporting(0);
ini_set('display_errors', 0);
$x=$_GET["idwarga"];$y=$_GET["nama"];$z=$_GET["nohp"];
?>
Buka file pada browser, hasilnya:
Note: Error message tidak tampil.
Barulah kemudian dilanjutkan dengan script untuk koneksi ke MySQL:
$servername="localhost";
$database="niguru";$username="root";$password="";
$a=mysqli_connect($servername, $username, $password, $database);
Demikianlah penjelasan awal mengenai cara untuk membuat kolom input untuk form record editor.
Penjelasan akan dilanjutkan pada posting di hari berikutnya.
Selamat mencoba .. Have a nice day :-)
Posting Komentar untuk "Membuat Kolom Input Untuk Form Record Editor Pada Program PHP - Part 1"