Simpan Data Dengan Control Form Element

Simpan Data Dengan Control Form Element

Banyak pertanyaan yang admin perhatikan dari member php indonesia tentang menyimpan data dari form ke database. Pada postingan ini admin mencoba untuk mengajarkan kepada pemula bagaimana cara menyimpan data dari berbagai macam control form element.

Dalam postingan ini admin menggunakan Bootstrap css sebagai tampilan form dan hasilnya. Bagi pemula setidaknya bisa memahami bagaimana data mengalir dari form menuju proses dan tersimpan ke database hingga akhirnya kembali ditampilkan pada tabel.

Langkah awal dari postingan ini adalah bagaimana mempersiapkan database sebagai tempat penyimpanan data. Dilanjutkan dengan melakukan desain form input data lengkap dengan control form element yang sering kita jumpai nanti saat membangun website admin.

See the Pen YZKGaZ by sry reahayu (@sryreahayu) on CodePen.

Sebagai catatan form element yang sering kita jumpai seperti input field, text area, radio button, check box dan select option. Hal utama dalam melakukan desain elemen form pastikan memberikan atribut "name" yang nantinya sangat berfungsi mengirimkan value atau nilai dari element form ke halaman proses.

See the Pen evOYoQ by sry reahayu (@sryreahayu) on CodePen.

Setelah desain form selesai, lanjutkan dengan membuat script proses penyimpanan data. pada postingan ini admin menggunakan MySQLi untuk membuat query penyimpanan data serta query penampilan datanya.

Hal penting berikutnya adalah menampilkan data yang telah tersimpan didatabase dengan mengisi value atau nilai ke setiap element form yang ada. Admin sengaja membuat semua menjadi satu halaman agar memudahkan proses pengerjaan dan memudahkan member melihat script yang ada.

See the Pen evOdyw by sry reahayu (@sryreahayu) on CodePen.

Bagi pemula yang masih belum berhasil atau masih penasaran dengan hasilnya, dapat melihat video demo dibawah sebagai acuan dari hasil program yang ada pasa postingan ini. Jika member masih belum sukses menerapkan script di atas, Admin akan memberikan link Download agar member dapat melihat script utuhnya.

Silahkan Contact Admin jika member butuh urgent / darurat cepat, silahkan hubungi pada halaman contact di paling bawah halaman ini, terima kasih semoga bermanfaat member.