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 reproduction 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(zero);

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(zero); 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

</form>

Jika Menyukai Artikel di weblog ini, Silahkan masukkan electronic mail sobat. Akan dapat Update artikel dari weblog ini, "GRATISS!!"

0 Response to "Cara Menginput Data di Website Agar Terkoneksi, Menggunakan Kodingan/Script PHP"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel