Halo teman-teman pada tutorial kali ini saya akan menjelaskan tentang Cara Membuat Form Dinamis Menggunakan PHP MySQL, pada tutorial sebelumnya kita juga telah membuat from dinamis tapi belum terkoneksi dengan database mysql, nah pada tutorial kali ini kita akan mencoba membuat data yang telah kita input tersebut bisa terkoneksi dengan database.
Seperti yang kita ketahui bahwa form dinamis itu berfungsi untuk memudahkan user untuk menginput beberapa data kedalam sebuah form dengan nilai inputannya lebih dari satu, nah untuk lebih jelasnya kita akan langsung saja masuk ke study casenya tentang Cara Membuat Form Dinamis Menggunakan PHP MySQL.
Langkah pertama kita akan buat terlebih dahulu databasenya dan silahkan teman-teman buat database baru dengan nama mahasiswa, berikutnya didalam database mahasiswa kita akan membuat sebuah table baru dengan nama table misalkan hobi, lebih kurang struktur dari tabelnya seperti dibawah ini.
Selanjutnya kita akan membuat file koneksinya untuk menghubungkan antara database dengan from yang akan kita buat nantinya, dan file untuk script koneksinya seperti dibawah ini
|
1 2 3 |
<?php $connect = mysqli_connect("localhost", "root", "", "mahasiswa"); ?> |
Berikutnya kita akan buat file index.phpnya dan silahkan teman-taman simpan script dibawah ini dengan mana index.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
<!DOCTYPE> <html> <head> <title>Cara Membuat Form Dinamis Menggunakan PHP MySQL</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> </head> <body> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">Cara Membuat Form Dinamis Menggunakan PHP MySQL</div> <div class="panel-body"> <form action="action.php" method="POST"> <div class="input-group control-group after-add-more"> <input type="text" name="addmore[]" class="form-control" placeholder="Hobi"> <div class="input-group-btn"> <button class="btn btn-success add-more" type="button"><i class="glyphicon glyphicon-plus"></i> Tmabah</button> </div> </div> <div class="control-group text-center"> <br> <button class="btn btn-success" type="submit">Submit</button> </div> </form> <!-- Copy Fields --> <div class="copy hide"> <div class="control-group input-group" style="margin-top:10px"> <input type="text" name="addmore[]" class="form-control" placeholder="Enter Name Here"> <div class="input-group-btn"> <button class="btn btn-danger remove" type="button"><i class="glyphicon glyphicon-remove"></i> Hapus</button> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $(".add-more").click(function(){ var html = $(".copy").html(); $(".after-add-more").after(html); }); $("body").on("click",".remove",function(){ $(this).parents(".control-group").remove(); }); }); </script> </body> </html> |
Langkah yang terakhir kita akan buat proses untuk memasukan data yang telah kita input dari form tersebut, dan silahkan teman-teman simpan script dibawah ini dengan nama action.php
|
1 2 3 4 5 6 7 8 |
<?php $connect = mysqli_connect("localhost", "root", "", "mahasiswa"); $input = $_POST['addmore']; foreach ($input as $output) { mysqli_query($connect,"INSERT INTO hobi VALUES ('','$output')"); } header('location:index.php') ?> |
Jika kita jalankan pada browser maka hasilnya akan seperti dibawah ini, dan jika inputan berhasil maka semua data yang telah kita input pada form dibawah akan secara otomatis masuk kedalam database.
Bagai nama teman-taman cukup mudah bukan Cara Membuat Form Dinamis Menggunakan PHP MySQL,nya sekian dulu tutorial saya kali ini tentang Cara Membuat Form Dinamis Menggunakan PHP MySQL semoga bermanfaat
Terimakasih