Jumat, 12 Februari 2016

Tutorial belajar dasar PHP : Cara menampilkan,menangkap, dan mengirimkan data dan variabel di PHP

Tutorial belajar dasar PHP : Cara menampilkan data dan variabel di PHP

  • Cara pertama yaitu dengan membuat deklarasi variable dalam bentuk PHP



  • Cara kedua sama dengan cara pertama yaitu dengan membuat deklarasi variable dalam bentuk PHP dan dapat diubah atau di tambahkan variable nya

     

     

    Menampilkan data dari form dengan php

    Untuk menampilkan data form ke browser dengan php kita harus terlebih dahulu mengetahui dan mempelajari atribut method dan action yg di sisipkan pada tag <form>.Nah, sekarang kita akan mempelajari kedua atribut
    tersebut. Apa itu method dan apa itu action? Method merupakan sebuah metode yang akan di gunakan untuk melakukan pengiriman data dari sebuah file ke file aksi atau pemproses. Method terbagi 2 .yaitu method get dan method post. Jika kita menggunakan method get maka isi dari form input yang kita input kan akan di tampilkan pada adress
     bar browser, dan sebalik nya pada method post. Setelah kita membuat beberapa contoh di harapkan dapat 
    lebih membantu teman-teman dalam memahami kedua metode tersebut. Dan action adalah sebuah atribut yg di letakkan di dalam tag <form> yg berfungsi untuk menunjuk file tujuan
    yg akan di jalankan setelah tombol submit pada form di klik. Kita akan langsung mencoba membuat beberapa contoh dari method dan action agar lebih mudah di pahami.
    Pertama kita harus mempersiapkan 2 buah file , bebas untuk memberi nama file tersebut asal kedua nya 
    berekstensi .php dan di letakkan di dalam satu folder yang sama di dalam directory 
     
     
     Pertama
     
     
     
    Lalu
    Seperti yang sudah di jelas kan di atas tentang method dan action . Di sini saya menggunakan file proses.php 
    sebagai action dan menggunakan method post dalam pengiriman datanya.perlu di ingat dan di perhatikan pada 
    tag input di atas terdapat atribut nama sebagai pengenal dari data yang akan di kirim kan ke file proses.php
     
     
     
    Setelah tombol proses di klik maka data akan di kirim kan ke proses.php
    Berikut adalah data yang di input dan di tampilkan pada browser.



    Pada file proses.php data dari file index.php akan di tangkap dan di perintahkan pada browser untuk di
     tampilkan. data yang di tangkap dari form input yang bernama “nama” saya masukkan ke dalam variabel
     nama, dan begitu pula pada variabel alamat. Dan kemudian di tampilkan dengan perintah echo.
    Dan bagai mana jika kita menggunakan method get?

     

     
    penggunaan method GET
     
     Lalu akan menampilkan

     
     
     

    Tutorial Form PHP: Cara Mengirim Variabel (Pesan) Antar Halaman PHP

     

    Cara Mengirim Variabel Antar Halaman PHP

    Dalam PHP terdapat beberapa cara untuk mengirim variabel antar halaman. Salah satunya adalah dengan memanfaatkan cara pengiriman form dengan method=GET. Jika kita mengirim form dengan metode GET, maka hasil dari form akan ditambahkan di dalam menggunakan variabel superglobal $_GET.
    Sebagai contoh, jika di dalam form terdapat kotak input dengan atribut name=user_name yang diisi dengan ’S-Evan’, maka ketika dikirim untuk diproses ke halaman proses.php, di dalam URL akan menjadi:
    proses.php?user_name=S-Evan
    dan didalam halaman proses.php, variabel $_GET[’user_name’] akan berisi ’S-Evan’.

     

    Redirect halaman dengan fungsi header(Location:)

    Fungsi header() di dalam PHP digunakan untuk memproses HTTP header. Fungsi header() memiliki banyak fitur, namun yang akan kita manfaatkan adalah fitur untuk mengirim user ke halaman lain atau dikenal dengan istilah: redirect.
    Untuk ’mengirim’ user ke sebuah halaman, kita menggunakan Location:halaman.html sebagai argumen fungsi header().penulisan fungsi header() adalah sebagai berikut:
    header("Location: http://stevanusevan23.blogspot.com//2016/02/type-form-dalam-php.html")

    Cara Menampilkan Pesan Kesalahan Form

    Dalam tutorial sebelumnya tentang Validasi Form untuk Mencegah Cross-site Scripting dan HTML injection. Pesan kesalahan hanya ditampilkan pada halaman proses.php. Jika user ingin mengubah isian form, ia terpaksa kembali kehalaman form.html untuk memperbaiki kesalahan form tersebut dengan cara mengetik manual di web 
     Contoh:
     
     
    Untuk halaman form.html, saya akan mengubah nama file menjadi form.php. Perubahan ini diperlukan karena pada halaman form.html memerlukan proses PHP untuk menangani variabel error yang dikirim dari halaman proses.php.
    Berikut adalah kode dari halaman form.php:



    Setelah memindahkan variabel $_GET[‘error’] ke dalam variabel $error agar mudah diakses, selanjutnya saya membuat beberapa logika IF untuk memeriksa pesan error, dan memberikan ‘pesan kesalahan’ yang ingin ditampilkan kedalam variabel $pesan.Untuk mengujinya, silahkan anda mencoba form.php tersebut dan klik tombol ‘Proses Data’ tanpa memberikan input apa-apa di dalam form,


     



    Menangkap Veriable Data dalam PHP

    Setelah kalian dapat mempelajari seluruh materi, kini kalian dapat membuat penangkapan variable dengan mudah, atau tidak kalian bisa dapat menggunakan tag attribut yaitu "POST" dan "GET"

    Setidaknya kalian masih kurang paham, kalian dapat mencoba kodingan dibawah ini:








     

    Sumber referensi

Atribut Form HTML


Tag Attribut HTML






Tag Form pada HTML memiliki beberapa atribut (komponen tambahan yang berfungsi untuk menambahkan fungsi dari suatu form). Berikut adalah daftar atribut pada form HTML :
  • accept-charset : Menentukan charset digunakan dalam form yang disubmit (default: halaman charset).
  • action : Menentukan alamat (url) tempat untuk mengirimkan formulir.
  • autocomplete : Menentukan jika browser harus melakukan autocomplete form (default: on).
  • enctype : Menentukan encoding dari data yang diajukan.
  • method : Menentukan metode HTTP digunakan ketika mengirimkan formulir (Bisa menggunakan POST dan GET)
  • name : Menentukan nama yang digunakan untuk mengidentifikasi form.
  • novalidate : Menentukan bahwa browser tidak harus memvalidasi form.
  • target : Menentukan target dari alamat di atribut action (default: _self).
 Sumber

Kamis, 11 Februari 2016

"Type Form" dalam PHP

            Apa kabar kalian semuanya, hehe terimakasih lhooo udah mengikuti saya sampai saat, terimakasih banyak yah. Tanpa basa-basi lagi kita langsung bahas materi baruuu yuu supaya ilmu kita dapat bertambah. Ikuti saja terus yah, cekidot ...........


             Sekarang S-Evan melanjutkan kembali dengan jenis-jenis input type yang lain. Cukup banyak jumlahnya dengan fungsinya yang juga beragam. Sebagian besar sering kita jumpai pada format pengisian formulir online.


        Input Type Number


          Jenis input type ini digunakan untuk bidang input yang berisi nilai numerik. Seperti contoh berikut :


<p>
Berapa jumlah mantan pacar kamu sampai saat ini?
</p>
<br>
<form action="action_page.php">
  Jumlah :
  <input type="number" name="jumlah"  min="10" max="100" step="10" value="10">
  <input type="submit">
</form>
 
dan hasilnya akan menjadi:
 
Berapa jumlah mantan pacar kamu sampai saat ini?

Jumlah :


           Input Type Date


            Seperti namanya, date adalah tanggal. Maka fungsinya adalah untuk kebutuhan bidang input tanggal. Sering kita jumpai input type jenis ini untuk proses sign up yang memerlukan data tanggal lahir anggotanya.
Seperti contoh berikut :



<form action="action.php">
<textarea name="message" rows="10" cols="50">
Tuliskan komentar di sini ...
</textarea>
<br>
Username:<br>
<input type="text" name="userid">
<br>
Password:<br>
<input type="password" name="psw">
<br><br>
<input type="submit" value="submit">
</form>

Hasilnya akan menjadi sebagai berikut

 

Username:
Password:





             Input Type Checkbox


              Yang satu ini juga sering kita jumpai. Memberikan tanda centang pada beberapa pilihan. Hampir sama dengan input type radio yang pernah kita bahas sebelumnya. Hanya saja jika input type radio itu hanya satu opsi yang bisa dijadikan pilihan, sedangkan checkbox ini bisa memilih satu atau lebih dari sejumlah pilihan yang ada.

Seperti contoh berikut :


<p>
Di bawah ini adalah makanan favorit saya :
</p>
<br>
<form action="action.php">
<input type="checkbox" name="pet" value="kucing">Kucing
<br>
<input type="checkbox" name="pet" value="kelinci">Kelinci 
<br>
<input type="checkbox" name="pet" value="kucing">Ayam
<br>
<input type="checkbox" name="pet" value="kelinci">Burung 
<br>
<input type="checkbox" name="pet" value="kucing">Kampret
<br>
<input type="checkbox" name="pet" value="kelinci">Monyet 
<br><br>
<input type="submit">
</form>

 Hasilnya akan menjadi sebagai berikut:

Di bawah ini adalah makanan favorit saya :

Kucing
Kelinci
Ayam
Burung
Kampret
Monyet



           Input Type Button


Input type button ini semacam fungsi tombol yang jika diklik akan muncul alert. Bunyi alert nya tergantung kita mau mengisinya dengan kata-kata apa. Contohnya seperti di bawah ini :


<input type="button" onclick="alert('Ada Boooommm Brooo...!')" value="Klik di Sini!">


Hasilnya akan seperti berikut:




           Input Type datetime-local


              Jika sebelumnya ada input type date. Yang ini hampir sama, datetime-local. Hanya lebih komplit. Karena bukan cuma input tanggal, tapi juga input waktu. Jika hanya ingin menampilkan input waktu, maka pada bagian input type nya tinggal diganti dengan input type="time".


<form action="action.php">
  Tanggal dan Waktu :
  <input type="datetime-local" name="bdaytime">
  <input type="submit" value="Send">
</form>
 
 
Dan hasilnya akan sebagai berikut:
  
 Tanggal dan Waktu :



Cara Penggunaan Tag Input type text dan type password

         Sebagai penutup, saya akan membuat beberapa tag input untuk merangkum apa yang telah kita pelajari dalan tutorial kali ini, berikut cara penggunaan tag input type text dan type password dalam HTML:






   Tag Input dengan atribut value :
<input type="text" name="nama_user" value="masukkan nama anda"/>
<br/>

   Tag Input dengan atribut size = 4 :
<input type="text" name="nama_user" size="4"/>
<br/>

   Tag Input dengan atribut maxlength = 5 :
<input type="text" name="nama_user" maxlength="5" />
<br/>

   Tag Input dengan atribut readonly :
<input type="text" name="nama_user" readonly="readonly"/>
<br/>

   Tag Input dengan atribut disabled :
<input type="text" name="nama_user" disabled="disabled" />
<br/>

</form>
</body>
</html>

Dan hasilnya akan sebagai berikut:
Tag Input dengan atribut value :
Tag Input dengan atribut size = 4 :
Tag Input dengan atribut maxlength = 5 :
Tag Input dengan atribut readonly :  
Tag Input dengan atribut disabled :



Sumber Referensi:
Wikipedia
Diberdayakan oleh Blogger.

Total Tayangan Halaman

 

© 2013 S-Evan. All rights resevered. Designed by Templateism

Back To Top