Jumat, 12 Februari 2016

Metode Pengambilan, Pengiriman, dan Penampilan Data Melalui Form

Untuk melakukan pengambilan, pengiriman, dan penampilan data kita membutuhkan Variabel $_Get dan $_Post serta echo

A. Cara Mengirimkan Data Form pada php
            Maksud dari mengirimkan data form yaitu data yang telah dimasukkan oleh user kepada form yang sudah ada pada suatu web tertentu. Untuk melakukan hal itu tag <form> harus memakai atribut action dan method. Untuk jenis method yang digunakan tergantung dari kegunaan.
Juga pada setiap input type diberi atribut name supaya tidak tertukar antara 1 form dan yang lain. Dan untuk memprosesnya dibutuhkan input bertipe Submit. Berikut cara pengunaannya :

1.      Pertama buat php dengan judul contoh.php menggunakan kodingan berikut, lalu simpan di htdoc (disini digunakan method post).

<!DOCTYPE html>
<html>
            <head>
                        <title>Cara mengirim Data</title>
            </head>
            <body>          
                        <form action=”percobaan.php” method=”post”>
Usename : <input type="text" name=”a”></br>
                        Password : <input type=”password” name=”b”></br>
                        <input type=”submit”>
</form>
            </body>
</html>

2.      Lalu buat php dengan nama percobaan.php,lalu simpan di htdoc. Kemudian ikuti kodingan Cara menampilkan data pada php.

B. Cara Menangkap Data pada php

            Cara php menangkap data yaitu dengan  mengetikkan $_POST[‘(Nama Variabel)’]; dengan itu php sudah menangkap data yang telah di submit. Jika method yang digunakan adalah get maka $_GET[‘(Nama Variabel)’];. Nama variabel yang digunakan adalah atribut name yang ada pada tag input.

3. Cara Menampilkan Data pada php

            Setelah mengetahui cara manangkap untuk data, selanjutnya adalah cara untuk menampilkan data tersebut. Yang perlu dilakukan adalah mengetikkan echo sebelum menangkap data, supaya data yang dimasukkan pada form tampil. Berikut merupakan caranya
<!DOCTYPE html>
<html>
            <head>
                        <title>Cara Menampilkan Data</title>
            </head>
            <body>          
                        <form action=”percobaan.php” method=”post”>
Usename : <?php echo $_POST[‘a’]?></br>
                        Password : <?php echo $_POST[‘b’]?>
</form>
            </body>
</html>
3.      Ketikkan localhost pada browser, lalu buka contoh.php
4.      Masukkan Username dan password (bebas), lalu klik tombol Submit.
5.      Username dan password pun akan terlihat.

Sumber : http://ilhamdimash.blogspot.co.id/

Atribut Pada Form

Action Attribute



Action attribute pada HTML Form berfungsi untuk mendefinisikan tindakan apa yang akan dilakukan ketika formulir dikirimkan. Umumnya untuk menyerahkan data ke server adalah dengan menggunakan tombol submit sebagaimana sudah dibahas pada postingan sebelumnya. Dengan kata lain, action attribute ini artinya mau dieksekusi ke mana data itu ketika tombol submit diklik. Dalam contoh di atas, server yang ditentukan untuk menangani formulir yang diajukan adalah ke halamancontoh_action.php


<form action="contoh_action.php">

Method Attribute



Ada dua method, yaitu GET dan POST. Apa bedanya? method GET pada HTML Form digunakan jika pengiriman data bersifat pasif, Bila kamu menggunakan method GET maka data yang dikirim akan terlihat pada page address. Misalnya saja permintaan pada mesin pencari.

contoh html form

maka hasil input data yang terlihat di page address seperti ini :

contoh html form

Hasil yang kita input terlihat di page addres, yang berarti menggunakan method GET. Pada contoh tersebut, data yang diinput dikirim ke halaman carilagu.php

Sedangkan method POST digunakan jika data yang dikirimkan bersifat informasi yang sensitif. Misalnya password. Maka yang diinput dengan method POST ini tidak akan terlihat di page address.

Note : jika form method dikosongkan maka secara default akan dikenal sebagai method GET.

Name Attribute


Name attribute pada HTML Form berada di elemen input. Agar data yang dikirimkan bisa diterima dengan valid, maka masing-masing bidang input harus memiliki name atribut. Jika tidak dicantumkan name attributnya maka tidak akan diproses oleh form action.

Sumber : http://sinahu-coding.blogspot.co.id/

Input Type Pada Form

Input Type : Color

Tipe yang digunakan untuk memilih warna.
Support pada browser : Chrome, Opera.
Script :

Hasil :


Input Type : Date

Tipe yang digunakan untuk memilih tanggal.
Support pada browser : Chrome, Opera, Safari.
Script :

Hasil  :



Input Type : DateTime-Local

Tipe yang digunakan untuk
Support pada browser :
Script :

Hasil :





Input Type : Month

Tipe yang digunakan untuk memilih bulan.
Support pada browser : Opera, Safari, Chrome.
Script :



Hasil :



Input Type : Number

Tipe yang digunakan untuk memilih angka.
Support pada browser : Opera, Safari, Chrome.
Script :

Hasil : 



Input Type : Range

Tipe yang digunakan untuk memilih angka berdasarkan range yang dapat di scroll.
Support pada browser :
Script :

Hasil :


Input Type : Tel

Tipe yang digunakan untuk menginputkan nomor telepon.
Support pada browser : Chrome.
Script :

Hasil :


                               Input Type : Time

Tipe yang digunakan untuk memilih waktu.
Support pada browser : Chrome, Opera, Safari.
Script :

Hasil : 



Input Type : Week

Tipe yang digunakan untuk memilih minggu pada kalender.
Support pada browser : Chrome, Opera, Safari.
Script :

Hasil :



Input Type : Radio dan Checkbox

Tipe yang digunakan untuk membuat tombol pemilihan.
Support pada browser :
Script Radio :








Hasil Radio :




Script Checkbox :





Hasil Checkbox :



Dropdown Menu

Script :







Hasil :





Input Type : Submit dan Reset

Tipe yang digunakan untuk mengirim data inputan dan menghapus semua data inputan.
Support pada browser :
Script Submit :



Script Reset :



sumber : http://mahesaibrahim99.blogspot.co.id/
               http://www.jagocoding.com/
               http://bertzzie.com/