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
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.
ReplyDeletemarselusselus41@gmail.com
ReplyDelete