Skip to main content

Contoh11 (Form)

Contoh11 (Form) : Webpro

Komponen Form
Dalam FORM HTML terdapat beberapa komponen yang bisa digunakan, antara lain :

Pengolahan Data Dari Form 
  • Form di HTML dikenal dengan adanya tag <FORM> dan ditutup dengan tag </FORM>. Di dalam tag pembuka <FORM> diikuti dengan atribut action dan method. Action menjelaskan ke halaman yang digunakan untuk memproses input, sementara method digunakan untuk mengatur cara memparsing konten
  •  Web menerima input dari user atau pengunjung menggunakan metode GET dan POST. GET akan mengirimkan data bersama dengan URL, sedangkan POST akan mengirimkannya secara terpisah. User mengirimkan data input dengan mengisi teks atau pilihan pada attibut form html.


Form menggunakan Metode Get
Sebagai Contoh silakan kalian buka aplikasi notepad++ kalian ataupun sublime text. lalu ketikan atau masukan coding berikut:
<html>
<head>
    <title>Contoh 11 FORM METODE GET</title>
</head>
<body>
<form action="metodegetproses.php" method="get">
Masukkan nama : <input type="text" name="nama" size="25">
<input type="submit" value="Proses">
</form>
</body>
</html>

Penjelasan coding :
form action="outputget.php" ; form itu ibarat formulir yang kita isi saat mendaftar dan menulis manual , outputget.php itu seperti tujuan atau petugas yang mengurus,jadi kemana arah form ini akan kita kirim nntinya atau kita serahkan ke siapa.,dan form ini nntinya mengarah ke "outputget.php"

method="get" ; ada dua metode untuk form ada get dan post nanti akan saya jelaskan perbedaannya.

Masukkan nama : <input type="text" name"=nama"> ; sama seperti dipemograman lain seperti visual basic netbeans dan sebagainya yang memiliki form pasti memiliki textfield textarea dan sebagainya,nah untuk membuat textfield pada form itu codingnya input type="text" ,dan tentu pasti harus diberi variabel nama text field tersebut name="nama".

input type="submit" value="proses" ; membuat button submit yang akan mengarah sesuai form action yaitu outputget.php , dan value="proses" ini adalah text yang tampil di button tersebut
  1. Simpan file di atas di dalam folder c:\XAMPP\htdocs\ '(jgn lupa instal dan run xampp)' buat folder baru untuk menyimpan file didalam folder htdocs. Simpan file dengan nama inputanget.php.
  2. Untuk melihat hasil dari file di atas dapat menggunakan browser Mozilla, google chrome, internet explorer atau jenis browser lain. Ketikkan pada address bar “Localhost\Nama Folder Penyimpanan\”,kemudian pilih file inputanget.php


Ini baru inputget.phpnya nah sekarang waktunya kita buat outputget.php agar button proses dapat bekerja.

ketikan atau masukan coding berikut:
 <html>
<head>
    <title>Output Get</title>
</head>
<body>
Data Nama Yang Tadi Di Input Adalah : <?php echo $_GET["nama"];?>
</form>
</body>
</html>


Penjelasan Coding :
<?php echo $_GET["nama"];?> ; karna form inputannya menggunakan method get maka untuk menampilkannya pun haru dengan "_GET" lalu  diikuti dengan variabel namenya ["nama']
  1. Simpan file didalam folder yang sama dengan inputanget.php. Simpan file dengan nama outputget.php.


Hasil setelah button proses di inputanget.php diklik.
Lihat tanda panah ada nilai dari variabel nama yaitu nama=fajar+yusuf , ini dikarenakan memakai metode GET

Sekarang kita coba Method POST
Form menggunakan Metode Post

Sebagai Contoh silakan kalian buka aplikasi notepad++ kalian ataupun sublime text. lalu ketikan atau masukan coding berikut:
<html>
<head>
    <title>Form Metode Post</title>
</head>
<body>
<form action="outputpost.php" method="post">
Masukkan nama : <input type="text" name="nama" size="25">
<input type="submit" value="Proses">
</form>
</body>
</html>

Penjelasan coding :
sama seperti penjelasan pada metode get hanya ini diganti methode ="post".
dan form action="outputpost.php"
  1. Simpan file di atas di dalam folder c:\XAMPP\htdocs\ '(jgn lupa instal dan run xampp)' buat folder baru untuk menyimpan file didalam folder htdocs. Simpan file dengan nama inputanpost.php.
  2. Untuk melihat hasil dari file di atas dapat menggunakan browser Mozilla, google chrome, internet explorer atau jenis browser lain. Ketikkan pada address bar “Localhost\Nama Folder Penyimpanan\”,kemudian pilih file inputanpost.php




Ini baru inputpost.phpnya nah sekarang waktunya kita buat outputpost.php agar button proses dapat bekerja.

ketikan atau masukan coding berikut:
<html>
<head>
    <title>Output Post</title>
</head>
<body>
Data Nama Yang Tadi Di Input Adalah : <?php echo $_POST["nama"];?>
</form>
</body>
</html>

Penjelasan coding:
sama seperti outputget,hanya disini jika method form yg digunakan post maka pemanggilannya pun harus beserta "_POST" dan diikuti dengan nama variabel yg dipanggil ["nama"]

Simpan file didalam folder yang sama dengan inputanget.php. Simpan file dengan nama outputput.php.




Dengan menggunakan method post nilai dari suatu variabelnya tidak terlihat berbeda dengan method get yang terlihat..


Jika ada pertanyaan silakan berkomentar :)
Labels:

Comments

Unknown said…
mantep nih izin coba
Wednesday, May 11, 2016
Zidanzr said…
mantaap ajibb (y)
Wednesday, May 11, 2016
Ujwar Firdaus said…
keren lah pembahasannnya.. makasih gan
Wednesday, May 11, 2016
Unknown said…
keren nih. ane izin pelajarin lagi yah gan
Wednesday, May 11, 2016
Post a Comment

Popular posts from this blog

Menambahkan Peraturan Komentar Pada Blog

Menambahkan Peraturan Komentar Pada Blog : Ngblog Menulis sebuah artikel dan dikomentari dengan link aktif/promosi produk dan kata kata spam lainnya memang tidak mengenakan anda mungkin akan sangat merasa kecewa sekali, anda mungkin seperti menulis sebuah artikel namun tidak dihargai karyanya oleh orang lain. Mungkin membuat aturan berkomentar di blog adalah salah 1 cara menetralisirnya, mungkin jika ada aturan tersebut orang berpikir 2 kali untuk meninggalkan komentar Spam, lalu bagaimana cara membuat aturan komentar tersebut? langsung saja kita praktekan Ikuti langkah berikut : Login ke bloger,masuk ke blog yang anda inginkan, Klik Setelan -> POS-KOMENTAR   Scroll kebawah dan cari menu "pesan formulir komentar" klik tambahkan , dan isi kolom sesuai keinginan kalian atau peraturan yang kalian inginkan.  Setelah selesai silakan klik simpan setelan dipojok kanan atas. Lihat hasilnya di blog kalian ,akan seperti ini : Jika ada pertanyaan...
21 comments
Baca Lebih »

TEKNOLOGI ADALAH

TEKNOLOGI ADALAH Pengertian Teknologi  Teknologi adalah berbagai macam keperluan serta sarana yang memiliki bentuk beraneka macam seperti peralatan atau sistem yang berfungsi untuk memberikan kenyamanan juga kemudahan bagi penggunanya. Teknologi berasal dari kata technologia yang berasal dari bahasa yunani. Techno artinya keahlian dan logia artinya pengetahuan.  Awal kemunculan kata teknologi bermakna terbatas pada benda- benda berwujud seperti peralatan-peralatan atau mesin. Dengan berjalannya waktu maka makna dari teknologi mengalami perubahan dan perluasan makna. Teknologi tidak terbatas pada benda berwujud, tetapi juga benda yang tidak berwujud. Misalnya perangkat lunak, sebuah mertode, metode pembelajaran, metode keuangan, dan lain sebagainya. Pengertian Teknologi Menurut Para Ahli Teknologi merupakan kegiatan pengembangan dan penerapan berbagai peralatan atau sistem untuk menyelesaikan masalah dan persoalan yang dihadapi manusia dalam kehidupan seha...
5 comments
Baca Lebih »

Kumpulan Script Jail Batch dan VBS

Kumpulan Script Jail Batch dan VBS Hallo pembaca fajaryusuf.com. Kali ini saya akan berbagi Kumpulan Script Jail Menggunakan Notepad. Script berikut hanya untuk jahil.. Untuk membuat script ini aktif yang Anda butuhkan adalah : 1. Notepad 2. PC/Laptop 3. Nah sekarang tinggal copy paste scriptnya ke notepad,, langsung saja dicoba : MESSAGES YG NONGOL TERUS MENERUS SECARA OTOMATIS @ECHO off :Begin msg * muka lo jelek msg * ngaca dulu gih msg * hayo lo,cpu lu gw acak2 msg * ud install ulang aja msg * biar masalah nya kelar GOTO BEGIN Save nama script diatas dg ekstensi *.bat BIKIN SHUTDOWN + MESSAGES @echo off msg * apaan sih lo shutdown -s -c "Error! muka mu standar abis" Save nama script diatas dg ekstensi *.bat MAININ CAPS LOCK BUTTON Set wshShell =wscript.CreateObject ("WScript.Shell") do wscript.sleep 100 wshshell.sendkeys "{CAPSLOCK}" loop Save nama script diatas dg ekstensi *....
3 comments
Baca Lebih »