SeniKoding.com - Form pada HTML sering kali digunakan untuk keperluan input suatu data. Dengan form tersebut kita bisa mengambil data yang ingin kita kumpulkan, dari Nama, alamat, email, Program studi, dan lain sebagainya. Untuk bagian seperti input text contohnya nama dan email bisa mengguanakan type input text yang sudah dibahas pada artikel sebelumnya mengenai Membuat form input text dengan PHP dan MYSQL, kali ini akan dilanjutkan dengan pembahasan Membuat Form type Select option / Combobox. Materi ini merujuk kepada pembuatan bertype seperti input Jenis kelamin, Agama dan program studi mahasiswa yang memang idealnya menggunakan form bertype Select.
Type Select option sangat cocok untuk list data yang jumlahnya lebih dari satu, baik dari segi desain tampilan maupun idealnya sebuah form. Dibawah ini akan dibahas secara mendetail dari form HTMLnya, PHP maupun menggunakan Database yang dimana data tersebut akan disimpan.
Membuat Form Select Option (ComboBox) pada HTML
Pertama yang harus dilakukan adalah membuat kerangka Form Select option dengan HTML, dibawah ini contoh kasus membuat Form combo box inputan "Agama".
Kode Form select option (Combo box) HTML:
<form method='POST' action=''> <h2>Tambah Agama</h2> <h4><select name="agama"> <option value="Islam">Islam</option> <option value="Kristen">Kristen</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> <option value="Lainnya">Lainnya</option> </select> <input type="submit" name="submit" value="Submit"/> </h4> </form>
 |
| Form select option (Combobox) dengan HTML |
Dalam form select nama Agama diatas telah diberikan 5 pilihan yang dapat dipilih dengan memberikan perbedaan dengan identitas name "agama" dan meberikan nilainya pada "value".
Setelah membuat Form select option (Combobox) kita akan beralih kepada cara mengirim form tersebut dengan methode "POST" dan action nya pada file itu sendiri dengan bantuan PHP dibawah ini.
Membuat Form Select Option (ComboBox) dengan PHP
Membuat sebuah Form biasanya dikolaborasikan dengan bahasa pemrogramman lainnya selain HTML, bisa dengan Javascript maupun PHP. Untuk kali ini akan saya gabungkan dengan PHP untuk proses eksekusinya sehingga dapat menghasilkan form yang dinamis.
Kode Form Select option (Combobox) PHP:
<?php
if (isset($_POST['submit'])) {
$agama = $_POST['agama'];
echo "<h4>$agama</h4>";
}
?>
 |
| Form select option (Combobox) dengan PHP |
Dari script PHP diatas telah diketahui bahwa parsingan dari Form HTML telah di "isset" dengan tombol "submit" sehingga akan ada aksi jika tombol submit telah ditekan. Dengan menambahkan variable "agama" sebagai penampung value dari data "POST" yang di pilih. Dan sementara akan menampilkan pilihan pada browser dengan perintah "echo".
Dicoba dengan memilih agama "Islam" dan tekan tombol submit, keluar / echo "Islam" artinya kode tersebut berhasil dibuat. Setelah bisa membuat select form dengan PHP dibawah ini akan digabungkan dengan Query database, sehingga data tersebut dapat masuk kedalam database untuk keperluan terentu.
Membuat Form Select Option (ComboBox) dengan PHP dan MYSQL
Setelah berhasil membuat form select option dengan PHP, sobat SeniKoding bisa menyimpan semua inputan Combobox tersebut kedalam database nya. Langkahnya pun tidak sulit, simak cara menyambungkan kedalam database MYSQL dibawah ini:
Pertama tama membuat koneksi database Mysql:
<?php $dbUser = 'localhost'; $dbHost = 'root'; $dbPass = ''; $dbName = 'latihan_crud1'; $db = mysqli_connect($dbUser, $dbHost, $dbPass, $dbName); ?>Database yang digunakan masih sama dengan yang digunakan pada artikel sebelumnya yaitu Membuat Form Input Text dengan PHP dan MYSQL.
Selanjutnya menyambungkan atau menggabungkan koneksi database dengan kode HTML dan PHP diatas:
<!DOCTYPE html>
<html>
<head></head>
<body>
<form method='POST' action=''>
<h2>Tambah Agama</h2>
<h4><select name="agama">
<option value="Islam">Islam</option>
<option value="Kristen">Kristen</option>
<option value="Hindu">Hindu</option>
<option value="Budha">Budha</option>
<option value="Lainnya">Lainnya</option>
</select>
<input type="submit" name="submit" value="Submit"/>
</h4>
</form>
<?php
if (isset($_POST['submit'])) {
$agama = $_POST['agama'];
$sql = $db->query("INSERT INTO t_user (agama) VALUES ('$agama') ");
header('location:index.php');
}
?>
</body>
</html>
 |
| Form select option (Combobox) dengan MYSQL |
Kode ini $sql = $db->query("INSERT INTO t_user (agama) VALUES ('$agama') "); adalah Query kode untuk menambahkan / insert kedalam database. Setelah mencoba dengan agama "Islam" dan menekan tombol "Submit" kemudian data tersebut akan diperintahkan untuk ditambahkan kedalam database nya sesuai Query yang dibuat. Sobat bisa mempelajari teknik yang lain pada pembahasan mengenai MYSQL di SeniKoding.
Jika sobat sudah bisa mempraktekan dan berhasil cobalah untuk bereksperimen lagi dengan bisa menambahkan nama table atau nama kolom pada database untuk pembelajaran.
Semoga artikel Membuat Form Select Option (ComboBox) Dengan PHP dan MYSQL bermanfaat.
Ada pertanyaan tentang Belajar PHP ?
- Salam -
Mantap tutirialnya mas...mudah saya pahamai dengan gaya bahasa seserhana
BalasHapusterima kasih sudah mampir ke tutorial membuat Form gan :)
Hapusrahayu
BalasHapuskalo buat absen bisa ga mas?
BalasHapusvisit this link
BalasHapushttps://jatimtimes.com
https://malangtimes.com
https://jatimtimes.com/baca/238972/20210404/182300/gempar-dan-kompas-kades-selok-anyar-memihak-pt-luis-terkait-penutupan-akses-jalan-pantai-cemoro-sewu
untuk kolom agama itu nanti dikasih type data apa y min?varchar atau apa?
BalasHapusBisa outputnya dimasukkan dalam kotak output, tapi hasil bukan yang diseleksi tapi keterangannya, misalnya piIih Islam yang kotak output penjelasannya misalnya Agama bagi ummat muslim, begitu tks
BalasHapus