Form dan Variabel Oya Suryana

Hal. 1

Form dan Variabel Oya Suryana http://ozs.web.id

Lisensi Dokumen: Copyright © 2013 ozs.web.id Dokumen ini dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari penulis. A. Form Form didalam html berfungsi untuk menampung data isian yang akan diproses lebih lanjut baik disimpan atau dihitung. Tag Form memiliki beberapa atribut dan komponen tergantung dari jenis data yang akan dikirim. Berikut syntax penulisan form didalam html :

{Komponen input }

Keterangan Name

: Setiap form memiliki nama, hal ini untuk mengidentifikasi jika dalam sebuah file html / php terdapat dua form atau lebih

Method

: Method merupakan metode pengiriman data yang diinput ke file yang dituju

Action

: Merupakan file yang akan dijalankan ketika user menekan tombol submit (misal : tombol simpan, hapus, delete atau update

Adapun yang termasuk komponen input dalam html adalah : a. Text Komponen input dengan type text tepat digunakan untuk menerima masukan data berupa karakter atau numerik bahkan hampir semua karakter bisa ditampung, pemilihan tipe ini cocok untuk menampung data seperti nama, nomor induk, atau alamat email. Berikut syntax-nya : Atribut diatas yang wajib ada adalah atribut name dan type, sedangkan atribut size maxlength dan value disesuaikan dengan kebutuhan ketika membangun aplikasi. Contoh Penggunaan :

Hal. 2

b. Password Komponen ini lebih tepat digunakan untuk menampung data berupa password dimana setiap karakter aan disembunyikan dan diganti dengan karakter * (bintang). Adapun syntax-nya adalah sebagai berikut Contoh penggunaan : c. Radio Komponen ini lebih tepat digunakan untuk membuat pilihan dimana item yang dipilih hanya boleh satu pilihan tidak boleh lebih, misal untuk memilih jenis kelamin, memilih jurusan, dan item yang disediakan relatif sedikit, apabila banyak lebih baik gunakan komponen <select>. Adapun syntax-nya adalah sebagai berikut Contoh penggunaan : Laki-laki Perempuan d. Checkbox Komponen ini lebih tepat digunakan untuk membuat pilihan dimana item yang dipilih boleh satu pilihan bahkan boleh lebih, misal untuk memilih hobby. Adapun syntax-nya adalah sebagai berikut
value=”nilai”>

value=”1”>Bola Volley value=”2”>Bola Basket value=”3”>Sepak Bola

e. Submit Komponen ini digunakan untuk membuat tombol untuk melakukan perubahan data, adapun format syntax nya adalah sebagi berikut :

penyimpanan data atau

Contoh Penggunaan :
value=”Simpan Data”>

f. Reset Komponen ini digunakan untuk mengosongkan form yang sedang diisi, adapun format syntax nya adalah sebagi berikut : Contoh Penggunaan :
value=”Kosongkan Form”>

Hal. 3

g. Textarea Komponen ini mirip dengan komponen text namun memiliki kelebihan bisa diatur jumlah baris untuk menampung data. Adapun format syntax-nya adalah sebagai berikut : value Contoh Penggunaan : <br /> cols=”10” rows=”5”>

h. Select Komponen ini digunakan untuk membuat pilihan dropdown, pilihan ini cocok digunakan jika jumlah pilihan relatif banyak. Adapun syntaxnya adalah : <select name=”nama_komponen”> Text pilihan 1 Text pilihan 2 Text pilihan n B. Variabel Variabel merupakan suatu tempat yang disediakan untuk menampung nilai yang sering berubahubah. Variabel merupakan lawan daripada konstanta. 1. Aturan Pembuatan Variabel Variabel sebelum digunakan harus didefinisikan terlebih dahulu, pendefinisian variabel dalam PHP memiliki sejumlah aturan. Adapun aturan-aturan dalam pembuatan variabel adalah sebagai berikut :  Diawali dengan tanda dollar ($)  Penamaan hanya boleh menggunakan huruf dari A-Z, a-z, gabungan huruf dan angka  Penamaan variabel tidak boleh menggunkan operator matematika seperti +, -, / , * , %, (, ), {, }  Variabel bersifat case sensitif (membedakan huruf besar dan kecil).  Jika nama variabel terdiri dari dua kata, gunakan tanda underscore (_) atau menggunakan style CamelCaps, jangan menggunakan spasi.  Nama variabel tidak boleh terdiri dari angka seluruhnyaa. 2. Contoh variabel Dari aturan penamaan tersebut maka berikut adalah contoh-contoh variabel yang benar dan yang salah. a. Contoh variabel yang benar : $nama_siswa $NamaSiswa $Siswa_ke1 b. contoh variabel yang salah : $nama-siswa Salah ! menggunakan tanda minus $nama siswa Salah ! menggunakan spasi $123 Salah ! terdiri dari angka seluruhnya 3. Metode pengisian / Pengiriman variabel

Hal. 4 Pengiriman variabel / pengisian variabel untuk digunakan di proses selanjutnya dalam PHP terdapat dua metode, adapun kedua metode itu adalah : a. POST Metode post digunakan jika nilai variabel dikirim melalui input pada komponen form didalam HTML. b. GET Metode post digunakan jika nilai variabel dikirim URL (alamat internet) didalam browser. 4. Memanggil / Menampilkan Variabel Pemanggilan variabel yang dikirim tergantung pada metode pengiriman apakah menggunakan POST atau GET. a. JIka variabel dikirim dengan metode POST, maka cara menampilkan di browser adalah sebagai berikut : echo $_POST[‘nama_variabel’]; b. JIka variabel dikirim dengan metode GET , maka cara menampilkan di browser adalah sebagai berikut : echo $_GET[‘nama_variabel’];

C. Contoh Penggunaan Form, Komponen dan Variabel Contoh penerapan form dan variabel dalam pemrograman web. a. Buat file tambah.php Pada file tambah.php ketik code berikut :

	form penambahan data untuk menambah data, silahkan masukan data siswa pada form dibawah ini. nomor induk nama lengkap jenis kelamin laki-laki Hal. 5 value="p">perempuan hoby bola basket bola volley membaca tempat lahir tanggal lahir pekerjaan <select name="pekerjaan_ot"> pegawai negeri sipil kary. bumn/bumd pedagang petani wiraswasta alamat lengkap

Jalankan di browser maka akan tampak seperti pada gambar dibawah

Hal. 6 b. Buat file simpan.php Pada file simpan.php ketik code berikut :

	form penambahan data untuk menambah data, silahkan masukan data siswa pada form dibawah ini. "nomor induk : ".$no_induk." "; "nama lengkap : ".$nama_lengkap." "; "jenis kelamin : ".$jk." "; "hoby : ".$hoby1." "; $hoby2." "; $hoby3." "; "tempat lahir : ".$tempat_lahir." "; "tanggal lahir : ".$tanggal_lahir." "; "pekerjaan orang tua : ".$pekerjaan_ot." "; "alamat : ".$alamat;

Hal. 7

Perhatikan gambar diatas ! Mengapa hoby, jenis kelamin dan pekerjaan yang muncul adalah kode nya bukan tulisanya ? jawabannya akan dibahas pada materi Clausa IF dan CASE. DAFTAR PUSTAKA http://id.wikipedia.php http://www.w3schools.com/html http://www.w3schools.com/php http://ozs.web.id