MODUL 1 - Atribut, Method, Get

MODUL 1#
ATRIBUT, METHOD POST DAN GET
1. Atribut
Atribut memberikan informasi tambahan tentang isi elemen. Mereka muncul pada tag
pembuka dan terdiri dari dua bagian: Name (nama) dan Value (nilai), dipisahkan oleh
tanda sama dengan (=).
Value (Nilai) adalah informasi yang ditentukan untuk atribut. Harus di tulis diantara dobel
tanda petik. Untuk atribut yang sama bisa memiliki value yang berbeda.
Pada contoh diatas, atribut lang digunakan untuk menunjukkan penggunaan bahasa pada
elemen tersebut sedangkan value (nilai) menunjukkan bahasa yang digunakan adalah
bahasa inggris.
HTML5 memungkinkan Anda untuk menggunakan nama atribut dengan menggunakan

huruf besar dan menghilangkan quotemarks (tanda kutip), tapi ini tidak dianjurkan.
Atribut secara mayoritas hanya dapat digunakan pada elemen tertentu, meskipun beberapa
atribut (seperti lang) dapat digunakan pada beberapa elemen.
2. Atribut Action
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, 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 halaman proseslatihan.php
<form action="proseslatihan.php">
3. 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.
4. Method
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.
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.
5. Cara Kerja Action dan Method
1. Element Form Html
Elemen form <form..> memiliki beberapa atribut penting yang akan menentukan
kemana data dikirim dan dengan cara apa data dikirim, atribut tersebut adalah action
dan method, misal kita buat file form.php dan proses.php yang kita letakkan didalam
folder htdocs.
Kemudian isikan kode berikut di dalam file form.php
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>Form HTML Dengan PHP</h1>
<form action="proses.php" method="post">
<div>
<label>Nama</label><input type="text" name="nama"/>
</div>
<div>
<label>Email</label><input type="text" name="email"/>
</div>
<input type="submit" value="Simpan"/>
</form>
</body>
</html>
2. Atribut Action
Atribut action berisi alamat url kemana data form tersebut akan dikirim. Pada contoh
script diatas, kita isi atribut action dengan proses.php sehingga, ketika tombol submit
di klik, maka data form tersebut dikirim ke http://localhost/form/proses.php
URL Relative dan URL Absolute
Jika alamat url ( termasuk pada atribut action pada form) ditulis tanpa menggunakan
www atau http, maka alamat tersebut disebut relative url.
Misal pada contoh diatas, atribut action pada elemen <form> yang ada di dalam file
form.php bernilai: proses.php, artinya alamat tersebut relative (mengacu) pada posisi
file form.php (path url form.php adalah http://localhost/form/)
Dengan demikian, karena file proses.php berada satu folder dengan file form.php
maka url untuk file proses.php adalah http://localhost/form/proses.php.
Jika atribut action kita isi action="file/proses.php" maka form akan dikirim ke
http://localhost/form/file/proses.php
Selain url relative, kita juga dapat mengisi atribut action dengan url absolute, url
absolute berarti alamat url ditulis penuh. misal http://localhost/form/proses.php
3. Atribut Method
Atribut method digunakan untuk menentukan dengan cara apa data dikirim. Atribut ini
memiliki dua nilai, yaitu GET dan POST.
Method GET
Pada method GET, data pada form akan dikirim melalui url. Misal, pada form yang
telah kita buat sebelumnya, kita beri atribut method dengan nilai get, selanjutnya, kita
isi isian nama, misal: Agus Prawoto Hadi dan email: prawoto.hadi@gmail.com, ketika
kita klik tombol simpan, maka url akan berubah menjadi:
Pada gambar tersebut terlihat bahwa alamat url berubah menjadi:
http://localhost/form/proses.php?nama=Agus+Prawoto+Hadi&email=prawot
o.hadi%40gmail.com
Pada url diatas, bagian parameter yang berisi data form dimulai dengan tanda tanya,
selanjutnya diikuti parameter dengan format nama_data=nilai_data, antar
parameter dipisah dengan tanda ampersand ( & )
Pada gambar diatas, terlihat bahwa spasi berubah menjadi + dan @ berubah menjadi
%40, hal ini dikarenakan ketika data dikirim via url, data tersebut akan diencode (URL
encode).
Dalam URL Encode beberapa karakter akan diubah dengan karakter tertentu, namun
tidak perlu khawatir, ketika data ditangkap oleh PHP, data tersebut akan di decode,
sehingga kembali ke bentuk aslinya.
nama_data berasal dari atribut name dari tiap-tiap elemen input, sedangkan
nilai_data merupakan nilai yang kita isikan pada elemen input. Perhatikan ilustrasi
berikut:
Method POST
Pada method POST, data pada form akan dikirim melalui http request header,
sehingga tidak terlihat oleh user. Misal, pada form sebelumnya kita isi atribut action
dengan nilai POST, selanjutnya, ketika kita klik simpan, maka alamat URL akan
berubah menjadi:
Pada gambar diatas, terlihat bahwa tidak ada data yang dikirim melalui URL.
Method GET dan Method POST
Method GET dan POST memiliki beberapa perbedaan mendasar, diantaranya:

Method GET
 Kurang aman karena data terekspose, selain itu, karena dikirim melalui url,
data tersebut akan tersimpan pada history browser
 Panjang data terbatas antara 2kb – 8kb tergantung jenis browser.
 Hanya dapat mengirim data teks, tidak dapat mengirim file
 Oleh browser tidak diperlakukan sebagai data sensitif, sehingga halaman
tersebut dapat direfresh dengan mudah
Method POST
 Lebih aman, karena data tidak terekspose, selain itu, data yang dikirim tidak
tersimpan pada history browser
 Dapat mengirim data berukuran besar.
 Dapat mengirim berbagai jenis data termasuk file
 Oleh browser diperlakukan sebagai data sensitif, sehingga ketika direfresh,
browser akan meminta konfirmasi pengiriman ulang data.
4. Menangkap Data Dari Form HTML Dengan PHP
Menangkap Data GET
Untuk menangkap data yang dikirim dengan method GET, kita gunakan variabel
$_GET, variabel ini berbentuk array dengan index berupa nilai atribut name pada elemen
input.
<?php
echo 'Nama : ' . $_GET['nama'] . '<br/>';
echo 'Email : ' . $_GET['email'];
echo '<pre>'; print_r($_GET);
?>
Selanjutnya, ubah atribut action pada file form.php dengan nilai GET. Buka form dan
isikan Agus Prawoto Hadi pada field nama dengan nama anda pada email, kemudian
klik submit. Hasil yang kita peroleh:
Karena data dikirim melalui URL, maka kita dapat mengubah data tersebut dengan
mengubah url, misal ubah URL menjadi:
http://localhost/form/proses.php?nama=Hafizd&email=hafizdardiansyah%40yahoo.c
om
maka hasil yang kita peroleh:
Menangkap Data POST
Sedangkan untuk method POST, kita gunakan variabel $_POST. Sama seperti
$_GET, variabel $_POST juga berbentuk array dengan index berupa nilai atribut name
pada elemen input.
Misal kita ubah nilai atribut action pada elemen form menjadi post, selanjutnya dan
kita ubah isi file proses.php menjadi:
<?php
echo 'Nama : ' . $_POST['nama'] . '<br/>';
echo 'Email : ' . $_POST['email'];
echo '<pre>'; print_r($_POST);
?>

MODUL 1 - Atribut, Method, Get

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

MODUL 1 - Atribut, Method, Get

Diunggah oleh

Hak Cipta:

Format Tersedia

MODUL 1#

ATRIBUT, METHOD POST DAN GET

HTML5 memungkinkan Anda untuk menggunakan nama atribut dengan menggunakan

5. Cara Kerja Action dan Method

1. Element Form Html

Kemudian isikan kode berikut di dalam file form.php

<h1>Form HTML Dengan PHP</h1>

<form action="proses.php" method="post">

<label>Nama</label><input type="text" name="nama"/>

<label>Email</label><input type="text" name="email"/>

URL Relative dan URL Absolute

Pada gambar tersebut terlihat bahwa alamat url berubah menjadi:

Method GET dan Method POST

Method GET dan POST memiliki beberapa perbedaan mendasar, diantaranya:

4. Menangkap Data Dari Form HTML Dengan PHP

Menangkap Data GET

echo 'Nama : ' . $_GET['nama'] . '<br/>';

echo 'Email : ' . $_GET['email'];

echo '<pre>'; print_r($_GET);

maka hasil yang kita peroleh:

Menangkap Data POST

echo 'Nama : ' . $_POST['nama'] . '<br/>';

echo 'Email : ' . $_POST['email'];

echo '<pre>'; print_r($_POST);

Anda mungkin juga menyukai