Dalam pengembangan website dinamis, form input data merupakan salah satu komponen yang paling sering digunakan. Mulai dari formulir pendaftaran, login, kontak, hingga pengelolaan data karyawan, semuanya memanfaatkan form sebagai media untuk menerima informasi dari pengguna.

Bagi Anda yang sedang belajar PHP, memahami cara membuat form input data dengan PHP adalah langkah penting sebelum mempelajari fitur yang lebih kompleks seperti CRUD, autentikasi pengguna, atau sistem manajemen data.

Pada artikel ini, Anda akan belajar langkah demi langkah membuat form input data menggunakan PHP dan MySQL dengan penjelasan yang sederhana dan mudah dipahami oleh pemula.

Apa Itu Form Input Data?

Form input data adalah halaman yang digunakan untuk menerima informasi dari pengguna melalui berbagai jenis komponen seperti:

• Text Field
• Password
• Email
• Number
• Radio Button
• Checkbox
• Select Option
• Textarea
• Button

Data yang dimasukkan nantinya dapat diproses oleh PHP dan disimpan ke dalam database.

Contoh penggunaan form pada website:

• Form Login
• Form Registrasi
• Form Data Siswa
• Form Kontak
• Form Pemesanan Produk
• Form Data Karyawan

Mengapa Harus Belajar Form Input PHP?

Menguasai form input memberikan banyak manfaat, antara lain:

• Memahami cara kerja website dinamis.
• Belajar menghubungkan HTML dengan PHP.
• Menjadi dasar pembuatan aplikasi berbasis database.
• Digunakan pada hampir semua sistem informasi modern.
• Mempermudah pengembangan fitur CRUD.

Tanpa form input, pengguna tidak dapat mengirimkan data ke aplikasi.

Persiapan Sebelum Membuat Form

Sebelum mulai membuat form, pastikan Anda telah menyiapkan:

• XAMPP atau Laragon
• PHP
• MySQL
• Visual Studio Code
• Browser

Aktifkan layanan Apache dan MySQL agar aplikasi dapat berjalan dengan baik.

Membuat Database

Buat database dengan nama:

db_sekolah

Kemudian buat tabel siswa.

CREATE TABLE siswa(
id INT AUTO_INCREMENT PRIMARY KEY,
nama VARCHAR(100),
kelas VARCHAR(20),
jurusan VARCHAR(50)
);

Tabel tersebut akan digunakan untuk menyimpan data dari form.

Membuat Form HTML

Buat file bernama:

index.php

Kemudian tuliskan kode berikut.

<form action="simpan.php" method="POST">

<label>Nama</label><br>
<input type="text" name="nama"><br><br>

<label>Kelas</label><br>
<input type="text" name="kelas"><br><br>

<label>Jurusan</label><br>
<input type="text" name="jurusan"><br><br>

<button type="submit">
Simpan Data
</button>

</form>

Pada contoh di atas terdapat tiga kolom input, yaitu Nama, Kelas, dan Jurusan.

Saat tombol Simpan Data ditekan, seluruh data akan dikirim ke file simpan.php.

Memahami Atribut Form

Tag <form> memiliki beberapa atribut penting.

action

Menentukan file tujuan ketika form dikirim.

action="simpan.php"

method

Menentukan cara pengiriman data.

method="POST"

Secara umum terdapat dua metode.

• GET
• POST

Untuk proses penyimpanan data, metode POST lebih disarankan karena data tidak ditampilkan pada URL.

Membuat Koneksi Database

Buat file:

koneksi.php

Isi dengan kode berikut.

<?php

$koneksi = mysqli_connect(
"localhost",
"root",
"",
"db_sekolah"
);

if(!$koneksi){
die("Koneksi Database Gagal");
}

?>

File ini berfungsi menghubungkan aplikasi PHP dengan database MySQL.

Menyimpan Data ke Database

Selanjutnya buat file:

simpan.php

Isi dengan kode berikut.

<?php

include "koneksi.php";

$nama = $_POST['nama'];
$kelas = $_POST['kelas'];
$jurusan = $_POST['jurusan'];

mysqli_query(
$koneksi,
"INSERT INTO siswa(nama,kelas,jurusan)
VALUES('$nama','$kelas','$jurusan')"
);

header("Location:index.php");

?>

Kode tersebut akan mengambil data dari form kemudian menyimpannya ke database.

Menampilkan Data yang Sudah Disimpan

Setelah data berhasil masuk ke database, Anda dapat menampilkannya menggunakan query berikut.

<?php

include "koneksi.php";

$data = mysqli_query(
$koneksi,
"SELECT * FROM siswa"
);

while($d=mysqli_fetch_array($data))
{

echo $d['nama']."<br>";

}

?>

Dengan cara ini, seluruh data siswa akan ditampilkan pada halaman.

Menambahkan Validasi Input

Agar data yang disimpan lebih valid, lakukan pemeriksaan sebelum proses penyimpanan.

Contoh sederhana:

if(empty($nama)){

echo "Nama tidak boleh kosong";

}

Validasi membantu mencegah data kosong masuk ke database.

Jenis Input yang Sering Digunakan

Selain text, HTML menyediakan berbagai tipe input yang dapat digunakan sesuai kebutuhan.

Jenis Input	Fungsi
text	Input teks biasa
password	Input kata sandi
email	Input alamat email
number	Input angka
date	Memilih tanggal
radio	Memilih satu pilihan
checkbox	Memilih lebih dari satu pilihan
file	Upload file
textarea	Input teks panjang

Pemilihan tipe input yang tepat akan meningkatkan kenyamanan pengguna.

Tips Membuat Form yang Baik

Agar form lebih profesional, perhatikan beberapa hal berikut:

Gunakan Label yang Jelas

Setiap kolom sebaiknya memiliki label yang mudah dipahami agar pengguna mengetahui data apa yang harus diisi.

Terapkan Validasi

Lakukan validasi di sisi client (HTML/JavaScript) maupun server (PHP) untuk memastikan data yang diterima sesuai.

Gunakan Placeholder Secara Bijak

Placeholder dapat memberikan contoh format input, tetapi jangan menggantikan fungsi label.

Rapikan Tampilan Form

Gunakan CSS atau framework seperti Bootstrap agar form terlihat lebih menarik dan mudah digunakan.

Lindungi Data Pengguna

Selalu lakukan sanitasi input dan gunakan Prepared Statement untuk mencegah serangan SQL Injection.

Kesalahan yang Sering Dilakukan Pemula

Saat belajar membuat form input dengan PHP, beberapa kesalahan berikut sering terjadi:

• Tidak menggunakan metode POST saat menyimpan data.
• Lupa memberi atribut name pada input.
• Salah menuliskan nama field database.
• Tidak membuat koneksi database.
• Tidak melakukan validasi data.
• Tidak menampilkan pesan jika proses penyimpanan gagal.

Menghindari kesalahan-kesalahan tersebut akan mempercepat proses belajar.

Pengembangan Selanjutnya

Setelah berhasil membuat form input, Anda dapat mengembangkan aplikasi dengan menambahkan fitur seperti:

• Edit Data
• Hapus Data
• Pencarian Data
• Pagination
• Upload Gambar
• Login Multi User
• Dashboard Admin
• Export PDF dan Excel

Fitur-fitur tersebut akan membuat aplikasi semakin lengkap dan profesional.

Kesimpulan

Cara membuat form input data dengan PHP merupakan materi dasar yang wajib dipahami oleh setiap calon Web Developer. Dengan memahami cara membuat form, menghubungkannya ke database, dan menyimpan data menggunakan PHP, Anda telah memiliki fondasi yang kuat untuk membangun berbagai aplikasi berbasis web.

Teruslah berlatih dengan membuat proyek sederhana seperti sistem data siswa, buku tamu, atau aplikasi inventaris. Semakin sering Anda mencoba, semakin mudah memahami alur kerja PHP dan MySQL.