. Cara Menginput Data di Website Agar Terkoneksi, Menggunakan Kodingan/Script PHP - Berbagi Pengetahuan

Cara Menginput Data di Website Agar Terkoneksi, Menggunakan Kodingan/Script PHP

Assalamu’alaikum..

            Pada pembahasan Praktikum Lab TI PWeb ke 3 kali ini saya ingin membahas tentang Cara Menginput Data di Website Menggunakan Kodingan/Script PHP. Oke simak ya caranya :

1. Silahkan ketik atau copy paste script dibawah ini kedalam Notepad++ :

<DOCTYPE html>
<html>
            <head>           
                        <title>PWeb Pertemuan 4</title>
            </head>
            <body>
                        <h1>Belajar Input</h1>
                        <form method="post">
                                    <p>Name        :<input type="text" name="nama" placeholder="Masukan Nama"></p><br>
                                    <p>Email         :<input type="email" name="email" placeholder="email@email.com"></p><br>
                                    <p>Website     :<input type="text" name="web" placeholder="Website Kamu"></p><br> 
                                    <p>Coment     :<textarea type="text" name="coment"></textarea></p><br>
                                    <p>Gender      :<input type="radio" name="gender" >Female</input><input type="radio" name="gender" >Male</input></p>
                                    <input type="submit" value="submit" name="bnt">
                        </form>
                        <h1>Ini Yang Tadi Kamu Inputkan :</h1>
                        <?php
                        error_reporting(0);
                                    if($_POST['bnt']){
                                    echo "<h2>Welcome ",$_POST['nama'],"</h2><br>";
                                    echo "<p>Email ", $_POST['email'],"</p><br>";
                                    echo "<p>Website ",$_POST['web'],"</p><br>";
                                    echo "<p>Coment anda :<br> ",$_POST['coment'],"</p><br>";
                                    }
                        ?>
            </body>
</html>

2. Jika sudah, save project tersebut (CTRL+s), saya contoh kan saya menyimpan project tersebut dengan nama la4pweb.php. apa pun nama file nya, yang penting ekstension nya (.php)

3. Untuk dapat menjalankan project tersebut sobat harus menginstal XAMPP terlebih dahulu dan jika sudah centang pada (apache dan mysql, klik “Start” untuk menjalankan.

4. Buat folder baru untuk memasukan file tersebut (la4pweb.php), disini saya contohkan nama foldernya “pweb

5. Jika sudah, folder “pweb” tersebut di copy/di cut dan paste kan pada folder instalan “xampp – htdocs

6. Buka browser, “saya memakai Mozilla”, ketik pada kotak url “localhost/pweb/la4pweb.php”,  .
Dan nanti akan menampilkan hasil sama halnya seperti “Output” pada tulisan ini.

Saya jelaskan terlebih dahulu isi script diatas :

1. Kita buat Form nya terlebih dahulu. Nah disini memakai 4 form yang harus diisi, diantaranya : Nama, Email, Website, Comment, dan Gender.


a. Lihat pada form email. Pada form email terdapat type=”email”, kenapa memakai email ? karna saat user menginput datanya, tidak bisa mengisi sembarangan, jadi menginputnya harus sesuai dengan format email yang sebenarnya, yaitu memakai @ dan .com.

b. Lihat pada form Coment. Disitu terlihat type=”text”. Lalu apa bedanya dengan name dan website ? jelas terlihat perbedaannya, pada form comment, disebelah kiri tulisan type=”text”, terdapat tulisan “textarea”, maksudnya agar kata-kata yang dituliskan dalam form comment  bisa menampung lebih dari 1 baris inputan.

c. Dan lihat pada form Gender, disitu terdapat 2 type=”radio”, yaitu untuk “Female” dan “Male”. Kenapa memakai type=”radio” ? karna pada form Gender ini penginputan data seifatnya adalah “Optional” dengan kata lain, user harus memilih salah satu dari 2 data yang sudah disediakan.

d. Maksudnya placeholder, berfungsi untuk menampilkan nama bayangan di kolom form tersebut, sehingga memudahkan untuk user/agar tidak bingung apabila menginputkan datanya.

2. Sebenarnya pada kodingan yang akan saya jelaskan ini hanyalah untuk menampilkan data yang sudah diinputkan oleh user, setelah di klik button “submit”.

a. Maksud dari error_reporting(0); adalah menghilangkan notifikasi/pemberitahuan error kodingan saat pertama kali muncul di browser. Sebenarnya saat di submit itupun tidak error. Seperti ini kata-kata error nya :

b. Fungsi dari if($_POST['bnt']){ adalah untuk mendeklarasikan button yang telah dibuat pada penjelasan pertama, <input type="submit" value="submit" name="bnt"> agar aktif menampilkan dan menjalankan inputan yang telah diisi oleh user. Untuk melihat hasilnya silahkan lihat Output dibawah.

Output :


            Mungkin itu saja pembahasannya, apabila ada kata yang salah dan kurang berkenan mohon dimaaf, terima kasih.. ^^


Wassalamu’alaikum..
             


Download CodeIgniter dari Website Resminya : Disini

Download File LA 5 PWeb Lengkapnya  : Disini

Jika Menyukai Artikel di blog ini, Silahkan masukkan email sobat. Akan dapat Update artikel dari blog ini, "GRATISS!!"

2 Responses to "Cara Menginput Data di Website Agar Terkoneksi, Menggunakan Kodingan/Script PHP"

  1. Can I simply just say what a comfort to discover someone who genuinely understands what they're discussing on the web. You certainly know how to bring a problem to light and make it important. More and more people really need to check this out and understand this side of the story. I can't believe you are not more popular since you certainly have the gift.

    ReplyDelete
  2. Anonymous2:30:00 am

    marselusselus41@gmail.com

    ReplyDelete