Scribd Logo
Unggah

Selamat datang di Scribd!

  • Belajar PHP Formdesign Web

    Diunggah oleh

    Aya Kun
    8 tayangan10 halaman

    Judul Asli

    Belajar Php Formdesign Web

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOC, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    8 tayangan10 halaman

    Belajar PHP Formdesign Web

    Diunggah oleh

    Aya Kun

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 10

    <html> <head> <title>Evanjie</title> </head> <body> <form action="cocokanortu.php" method=post> Nama Bapak kamu siapa ?

    <br> <input type="text" name="NamaBapak"> <p>Nama Emak Kamu siapa ? <br> <input type="text" name="NamaIbu"> <p> <input type="submit" name="submit" value="betulkah kamu anaknya ?"> </form> </body> </html> Kalau sudah, simpan file-nya dengan menekan Esc dibarengi dengan perintah : wq untuk menyimpan. Buat file lain sesuati Input diatas, perhatikan pada kode diatas ada kode ini <form action="cocokanortu.php" method=post>, karena itu kita harus membuat file cocokanortu.php ahmad-linux:/srv/www/htdocs # vi cocokanortu.php Masukan kode ini <html> <head> <title>Sayang Sekali</title> </head> <p> <body bgcolor="FFFFFA" text="CEDDHJ"> <? $NamaBapak = $_POST['NamaBapak']; $NamaIbu = $_POST['NamaIbu']; ?> <p> Kayaknya kamu bukan anaknya<b> Pak <?php print $NamaBapak; ?> </b> dehhh ! <p> kamu juga bohong kan waktu bilang <b>Ibu <?php print $NamaIbu; ?></b> itu adalah ibu kamu ? <p> Jadi silahkan cari bapak sama Ibu aslimu deh !..key ! </body> </html>

    Simpan file-mu dan Lihat Hasilnya di Konqueror, mungkin akan seperti ini.....

    http://localhost/myfamily.php

    Selamat mencoba ! Semoga sukses dan gak ada error-nya......kalaupun ada. Tenang...ada google kan ? wassalam !

    Tags: info, buat diri sendiri, share Prev: Peran Intelijen Asing Di Indonesia Next: Kejujuran Ka'ab Bin Malik reply share

    Form
    Form adalah tool interaktif yang digunakan oleh perancang web untuk mendapatkan informasi dari pemakai. Biasanya ada beberapa form strandar yang biasa kita jumpai di Web, misalnya form yang disebut 'buku tamu', terus ada form untuk mendapatkan informasi kontak, ada juga form untuk melakukan suatu order pemesanan barang, dan lain sebagainya. Yaahh, cukup banyak ... sebanyak yang bisa kita banyangkan. Simpelnya, pada halaman web, form 'cukup' didefinisikan dengan tag <form> ... </form>. Sebagai pengenalan awal bisa kamu lihat listing berikut ini. listing_20.html <html> <head> <title>Form Transkrip Akademik</title> </head> <body> <p> Sekolah Tinggi Tinggi Sekali<br> <b>Lihat Transkrip Akademik</b> <hr> <p> <form> <table>

    <tr> <td>No. Mhs</td> <td><input type="text" name="txtNama" size="10"></td> </tr> <tr> <td>Nama</td> <td><input type="text" name="txtAlamat" size="35"></td> </tr> <tr> <td>Password</td> <td><input type="password" name="txtPassword" size="8"></td> </tr> </table> </form> <hr> <input type="button" value="Tampilkan Transkrip ..."> </body> </html>

    Catatan : Tag-tag yang berhubungan dengan tabel <tabel>, <tr>, <td> di gunakan hanya untuk memper-indah tampilan saja. Esensinya tag-tag tersebut nggak ada berhungan dengan form. Untuk membuat garis horizontal gunakan tag <hr>, tag ini tidak membutuhkan tag penutup.

    Form fields
    Ada beberapa form field kadang di sebut juga kontrol yang digunakan untuk membentuk suatu form. Setiap kontrol memiliki kegunaan yang spesifik, dan pemilihan kontrol (form field) ini tergantung dari rancangan form yang yang kita buat. Dibawah ini di jelaskan 6 (enam) form field yang bisa kamu gunakan untuk membuat suatu form. Text box (single-line), ini adalah inputan paling sederhana. Tapi .. ini salah satu yang paling sering digunakan. Text box memungkin user memasukan text dalam satu baris. Scroling text box, mirip dengan one-line text box, hanya saja yang satu ini menyediakan

    banyak baris, dengan begitu bisa mengakomudir isian dengan text yang panjang (banyak). K-lo sudah banyak text yang di-input, itu berarti nantinya ada beberapa text yang tidak terlihat (ngumpet), k-lo 'udak gitu di-scrol aja biar bisa keliatan. Check box, digunakan saat kamu menginginkan user bisa memilih satu atau beberapa pilihan sekaligus, atau bahkan nggak memilih sama sekali. Radio button, ditilik dari namanya apa hubungannya dengan Radio ?? masalahnya radio sekarang udah pake 'micro switch' dan 'udah nggak pake 'saklar' model begini-an lagi dalam pemilihan 'band' kerjanya. Cowok Cewek Abstrak (he..he) Lagian radio-radio sekarang cenderung 'single band' alias FM doang, jadi nggak punya 'saklar' pilihan. Intinya, dengan radio button kamu hanya bisa hanya bisa memilih 1 opsi yang terdapat dalam daftar (asal jangan milih opsi merdeka !?!?!). Drop-down menu, pingin user bisa memilih dari suatu daftar atau menu ??? k-lo ya, maka kamu bisa gunakan kontrol yang satu ini. Kamu bisa mengatur properti dari drop-down menu ini untuk hanya bisa memilih satu pilhan saja atau lebih dari satu pilihan. Button, ada 3 (tiga) atribut yang bisa digunakan yaitu, "submit", "reset" dan "button". 'Submit' biasa dilakukan oleh user saat mereka sudah merasa 'okey' terhadap untuk form yang mereka isi. 'Reset' meng-clear isi field, dan kembali ke nilai

    Bakso Mie Ayam Mie Pangsit

    default. 'Button' biasanya di gunakan untuk menjalankan scripts yang kamu buat sendiri. Note :: Pembahasan lebih mendalam tentang Form, rencananya akan kami bahas pada bagian kedua serta bagian ketiga dari trilogi penulisan kami. Bagian kedua serta ketiga dari trilogi penulisan kami adalah tentang, VBScript & ASP.

    Fungsi - fungsi untuk memfilter input form


    28-11-2007 | 12:45:04 | Halaman Ini dibaca 16994 kali

    trim() digunakan untuk menghapus spasi di kanan dan kiri teks. htmlentities() digunakan untuk mengkonversi karakter-karakter tertentu dalam tag HTML, emm..kok ribet ya, pokoknya hasil fungsi ini akan menerjemahkan tag-tag HTML sebagai teks biasa. strip_tags digunakan untuk menghilangkan tag-tag HTML dan PHP dalam sebuah string. Ketiga fungsi di atas bisa digunakan untuk memfilter input/masukan form pada website kita, misalnya pada form buku tamu. Untuk contoh penggunaannya, siapkan file2 berikut: 1. database
    create database db_gb ; use db_gb; create table guestbook (id int unsigned not null primary key auto_increment, nama varchar(50) not null, email varchar(100) not null, pesan text not null)

    2. file koneksi.php

    <?php $host="localhost"; $uname="root"; $pass=""; $db="db_gb"; $koneksi=mysql_connect($host,$uname,$pass); mysql_select_db($db,$koneksi); ?>

    3. file gb.html
    <form method="post" action="proses.php"> Nama *<br><input type="text" name="nama" size="34"><br> Email *<br><input type="text" name="email" size="34"><br> Pesan *<br><textarea name="pesan" rows="8" cols="40"></textarea> <br>*) Wajib diisi <br> <input type="reset" value="Reset" name="kosongkan"> <input type="submit" value="Kirim" name="kirim">

    </form> <p><a href="lihatgb.php">[ Lihat Data Tamu ]</a>

    4. file proses.php

    <?php include'koneksi.php'; if(isset($_POST['kirim']) && ($_POST['kirim']==='Kirim')) { /*--- filter input dg kombinasi fungsi trim dan strip_tags ---*/ $nama=trim(strip_tags($_POST['nama'])); $email=trim(strip_tags($_POST['email'])); $pesan=trim(strip_tags($_POST['pesan'])); /*--- filter input dg kombinasi fungsi trim dan htmlentities ---*/ /* $nama=trim(htmlentities($_POST['nama'])); $email=trim(htmlentities($_POST['email'])); $pesan=trim(htmlentities($_POST['pesan'])); */ /* ---------------------- tanpa filter ------------------------*/ /* $nama=$_POST['nama']; $email=$_POST['email']; $pesan=$_POST['pesan']; */ if(($nama=='') || ($email=='') || ($pesan=='')) $error= "Data tidak lengkap.<br>"; if(($nama!='') && ($email!='') && ($pesan!='')) { $queryAddGb=mysql_query("insert into guestbook values(NULL,'$nama','$email','$pesan')"); if($queryAddGb) { echo"<font color=red><b>Guestbook berhasil disimpan</b></font>"; echo"<meta http-equiv=\"refresh\" content=\"2; url=./gb.html\">"; exit; } else { echo"<font color=red><b>Data gagal disimpan</b></font>"; echo"<meta http-equiv=\"refresh\" content=\"2; url=./gb.html\">"; exit; } } if(isset($error)) { echo"<font color=red><b>$error</b></font>"; echo"<meta http-equiv=\"refresh\" content=\"2; url=./gb.html\">"; exit; } }?>

    5. file lihatgb.php
    <?php include'koneksi.php'; $queryGb = mysql_query("select * from guestbook"); $jmlGb = mysql_num_rows($queryGb); if($jmlGb==0) { echo"Data tamu masih kosong"; } else { $queryTampil=mysql_query("select * from guestbook order by id desc"); echo"<p>DATA TAMU<p>"; while($dataGb=mysql_fetch_row($queryTampil)) { echo"".wordwrap($dataGb[1],70,"<br>",1)."<br>"; echo"".wordwrap($dataGb[3],85,"<br>",1)." "; echo"<hr width=60% align=left>"; }} ?>

    Ok, setelah semua siap mari kita coba menginputkan data buku tamu. Misal : Percobaan 1 Masukkan spasi yang banyak pada semua data nama, email dan pesan. Misal, tekan tombol spasi mpe 100X , he..he.... Hasilnya, akan keluar pesan data tidak lengkap. Mengapa begitu? Karena sebelum divalidasi, inputan spasi akan dihilangkan oleh fungsi trim. Akibatnya data akan kosong dan keluarlah pesan data tidak lengkap Percobaan 2 Masukkan data berikut: Nama : <b><i><u>Phii</u></i></b> Email : phii@poesing.bgt Pesan : <b><font color=red>Ayo belajar PHP, biar bisa bikin web sendiri</font></b> Setelah berhasil menginputkan data, silahkan klik [ lihat data tamu ]. Hasilnya, tag2 HTML akan dilenyapkan. Kenapa bisa hilang? Karena sebelum divalidasi, tag2 HTML akan dilenyapkan oleh fungsi strip_tags, sehingga yang akan tersimpan dalam tabel adalah string yang bersih dari tag2 HTML. Percobaan 3 Jadikan komentar pada bagian script filter yang menggunakan trim dan strip_tags. Lalu, hilangkan komentar pada script filter yang menggunakan trim dan htmlentities. Masukkan data yang sama dengan percobaan 2. Hasilnya, tag2 HTML akan ditampilkan, tapi hanya sebagai teks biasa. Mengapa begitu? Karena sebelum divalidasi, tag2 HTML akan difilter oleh fungsi htmlentities, sehingga hanya akan dibaca sebagia string biasa. Percobaan 4 Jadikan komentar pada bagian script filter yang menggunakan trim dan htmlentities. Kali ini, kita akan menginputkan data tanpa fliter, maka hilangkan komentar pada script tanpa filter. Inputkan data sama seperti percobaan 1. Hasilnya? Lihat sendiri ya? Setelah itu inputkan data sama seperti percobaan 2. Hasilnya? Lihat sendiri juga ya.he...he.. Teman2 bisa donlot scriptnya disini Kesimpulan, ketiga fungsi di atas bisa kita gunakan untuk menyaring atau memfilter masukan terhadap form di web kita, terutama dari pengunjung web kita yang doyan banget nginjek eh..maksudnya nginject form dengan HTML injection *) Kalo mo nyoba percobaan 4 dg kode HTML yang bisa digunakan untuk deface, tanyakan saja pada Al-k *) Untuk data email, silahkan ditambahkan sendiri validasinya, kaya?e dah pernah dibahas ma Anggi. Cari sendiri ya Akhir kata, cukup sekian dulu belajar PHP dari Phii, lain kali ditambah lagi. ?BANYAK JALAN MENUJU ROMA? Mungkin ketiga fungsi PHP yang barusan kita bahas bukan

    cara satu2 nya untuk memfilter masukan, jika ada temen2 yang mengetahui cara lain, mohon ditambahkan. Terima Kasih?

    Anda mungkin juga menyukai