Scribd Logo
Unggah

Selamat datang di Scribd!

  • BAB2 Form

    Diunggah oleh

    Fauzi Yoga W
    10 tayangan5 halaman
    Pemweb form

    Judul Asli

    BAB2_form

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Pemweb form

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    10 tayangan5 halaman

    BAB2 Form

    Diunggah oleh

    Fauzi Yoga W
    Pemweb form

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    BAB 2

    FORM INPUT-OUTPUT
    Setelah kita belajar dasar-dasar perintah PHP, sekarang saatnya mengaplikasikannya pada
    aplikasi web. Biasanya PHP digunakan sebagai pengolah data yang diinputkan melalui form
    yang dibuat dengan HTML. Sebagai contoh, andaikan Anda harus menginputkan data
    mahasiswa seperti berikut :
    <html>
    <head>
    </head>
    <body>
    <h3>FORM INPUTAN DATA MAHASISWA</h3>
    <form method="post" action="terima.php">
    <pre>
    Nama :<input type="text" name="nama">
    Password :<input type="password" name="sandi">
    Jenis Kelamin :
    <input type="radio" name="jk" value="pria"> - pria
    <input type="radio" name="jk" value="wanita"> - wanita
    Warga Negara :<input type="checkbox" name="warga"
    value="WNI">-WNI
    Hobby :<select name="hobby">
    <option value="read">baca</option>
    <option value="olahraga">sport</option>
    <option value="computer" >komputer</option>
    </select>
    keterangan :<textarea name="ket" </textarea>
    <input type="submit" name="tombol" value="INPUT">
    <input type="reset" name="bersih" value="BERSIHKAN">
    </pre>
    </form>
    </body>
    </html>

    7
    Modul Pemrograman Web
    Tampilan browsernya

    Seperti yang Anda lihat pada kode HMTL di atas, perintah action="submit.php"
    digunakan untuk mengarahkan ke file PHP yang digunakan untuk memproses data
    mahasiswa ketika tombol submit ditekan. Dalam form yang dihasilkan dari kode di atas
    terdapat banyak komponen inputan seperti combobox, textbox, radio dan yang lainnya.
    Sedangkan berikut ini adalah salah satu contoh kode PHP untuk memproses input dari form
    di atas. Kode PHP ini disimpan dengan nama submit.php.

    <?php
    error_reporting(0);
    $nama=$_POST['nama'];
    $sandi=$_POST['sandi'];
    echo "nama anda adalah : $nama<br>";
    echo "password anda adalah : $sandi<br>";
    ?>

    8
    Modul Pemrograman Web
    Tampilan browsernya

    Kalau Anda perhatikan, terdapat keterkaitan perintah $_POST['xxx']; dengan "xxx" pada
    name = "xxx" (nama komponen input).

    POST dan GET


    Pada contoh sebelumnya, kita mengirim data input dari form menuju ke file PHP untuk
    diproses menggunakan metode post. Selain metode tersebut, terdapat pula metode get.
    Untuk melihat perbedaan post dan get, kita akan sedikit mengubah file HTML form dan file
    PHP submit.php sebelumnya.

    <html><head></head>
    <body>
    <h3>FORM INPUTAN DATA MAHASISWA</h3>
    <form method="get" action="terima.php">
    <pre>
    Nama :<input type="text" name="nama">
    Password :<input type="password" name="sandi">
    Jenis Kelamin :
    <input type="radio" name="jk" value="pria"> - pria
    <input type="radio" name="jk" value="wanita"> - wanita
    Warga Negara :<input type="checkbox" name="warga"
    value="WNI">-WNI
    Hobby :<select name="hobby">
    <option value="read">baca</option>
    <option value="olahraga">sport</option>
    <option value="computer" >komputer</option>
    </select>
    keterangan :<textarea name="ket" </textarea>
    <input type="submit" name="tombol" value="INPUT">
    <input type="reset" name="bersih" value="BERSIHKAN">

    9
    Modul Pemrograman Web
    </pre>
    </form>
    </body>
    </html>

    dan isi submit.php nya adalah


    <?php
    error_reporting(0);
    $nama=$_GET['nama'];
    $sandi=$_GET['sandi'];
    echo "nama anda adalah : $nama<br>";
    echo "password anda adalah : $sandi<br>";
    ?>

    Metode pengiriman data input dari form menggunakan get, dan dalam proses.php $_POST
    diganti dengan $_GET. Apabila aplikasi di atas dijalankan, maka secara sekilas hasil yang
    tampak sama dengan ketika digunakan metode post. Namun, coba perhatikan URL yang
    tampak ketika proses.php muncul. Pada URL tersebut terdapat tambahan
    ?barangpesanan=...&jumlah=... setelah nama file (proses.php). Titik-titik tersebut akan diisi
    dengan data sesuai dengan yang diinputkan pada form.

    Coba bandingkan dengan URL ketika digunakan metode post. Data isian pada form tidak
    ditampilkan pada URL. Sehingga inilah perbedaan antara keduanya. Dengan demikian,
    hendaknya kita jangan menggunakan metode get ketika akan memproses data input
    melalui form. Bayangkan seandainya form tersebut digunakan untuk login atau untuk
    keperluan yang menyangkut privasi. Apabila Anda gunakan metode get, maka semua input
    data akan ditampilkan pada URL. Bisa-bisa inputan password akan kelihatan di URL (jika
    terdapat input password ketika login).

    10
    Modul Pemrograman Web
    Tampilan browsernya ketika di klik submit

    Latihan :
    Ubahlah form inputan pada dan terimanya pada contoh dimodul agar :
    1. Menerima inputannya lengkap sebanyak data yang diperlukan
    2. input text dapat ditentukan panjangnya dan input textarea dapat ditentukan luasnya
    3. inputan radio dan checkbox dapat di beri default misalnya langsung terpilih pria
    untuk yang radio
    4. inputan nama dan password harus diisi (tidak dapat input jika belum diisi)
    5. otomatis WNA jika checkbox tidak dipilih
    6. hobby langsung memilih salah satu misalnya ke olahraga
    7. berilah inputan yang jika tersubmit otomatis akan ada variabel misalnya
    status=aktif tanpa bisa dimanipulasi oleh user pengguna form

    11
    Modul Pemrograman Web

    Anda mungkin juga menyukai