Cara Menginput Data Di Website Semoga Terkoneksi, Memakai Kodingan/Script Php
Assalamu’alaikum..
Pada pembahasan Praktikum Lab TI PWeb ke 3 kali ini aku ingin membahas perihal 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), aku pola kan aku menyimpan project tersebut dengan nama la4pweb.php. apa pun nama file nya, yang penting ekstension nya (.php)
3. Untuk sanggup menjalankan project tersebut sahabat harus menginstal XAMPP terlebih dahulu dan kalau sudah centang pada (apache dan mysql, klik “Start” untuk menjalankan.
4. Buat folder gres untuk memasukan file tersebut (la4pweb.php), disini aku 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 menggunakan Mozilla”, ketik pada kotak url “localhost/pweb/la4pweb.php”, .
Dan nanti akan menampilkan hasil sama halnya menyerupai “Output” pada goresan pena ini.
Saya jelaskan terlebih dahulu isi script diatas :
1. Kita buat Form nya terlebih dahulu. Nah disini menggunakan 4 form yang harus diisi, diantaranya : Nama, Email, Website, Comment, dan Gender.
a. Lihat pada form email. Pada form email terdapat type=”email”, kenapa menggunakan email ? karna ketika user menginput datanya, tidak sanggup mengisi sembarangan, jadi menginputnya harus sesuai dengan format email yang sebenarnya, yaitu menggunakan @ dan .com.
b. Lihat pada form Coment. Disitu terlihat type=”text”. Lalu apa bedanya dengan name dan website ? terang terlihat perbedaannya, pada form comment, disebelah kiri goresan pena type=”text”, terdapat goresan pena “textarea”, maksudnya biar 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 menggunakan type=”radio” ? karna pada form Gender ini penginputan data seifatnya ialah “Optional” dengan kata lain, user harus menentukan 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 galau apabila menginputkan datanya.
2. Sebenarnya pada kodingan yang akan aku jelaskan ini hanyalah untuk menampilkan data yang sudah diinputkan oleh user, sesudah di klik button “submit”.
a. Maksud dari error_reporting(0); ialah menghilangkan notifikasi/pemberitahuan error kodingan ketika pertama kali muncul di browser. Sebenarnya ketika di submit itupun tidak error. Seperti ini kata-kata error nya :
b. Fungsi dari if($_POST['bnt']){ ialah untuk mendeklarasikan button yang telah dibentuk pada klarifikasi pertama, <input type="submit" value="submit" name="bnt"> biar aktif menampilkan dan menjalankan inputan yang telah diisi oleh user. Untuk melihat akibatnya 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
