Form identik dengan formulir

Oleh : Moh Sulhan

™ Form identik dengan formulir ™ Form sangat dibutuhkan

pada saat kita mengizinkan/menginginkan adanya nilai (data) yyang g dipilih p atau dimasukkan oleh p pengguna. gg ™ Kapasitas dari form hanya menyediakan media g y , tetapi p tidak entryy data dan mengirimkannya, menerima dan mengolah. ™ Yang g akan menangani g penerimaan dan p mengolah adalah web scripting yang bersifat server site.

Form

File Verifikasi Form ( form.html ) Action=verifikasi.php

submit

verifikasi.php (File : Server Site Scripting )

- File PHP - File ASP - File JSP - dll

Data Server

Untuk membuat Form dibutuhkan tag dan attribut HTML, HTML diantaranya adalah : ™

.....

Æ Tag ™ METHOD Æ attribut b ™ ACTION Æ attribut ™ NAME Æ attribut

… Atribut – atribut pendukung

Teknik penulisan skrip secara umum adalah :

… Elemen – elemen tag-tag data form

… Atribut – atribut pendukung

B ik attribut‐attribut Berikut ib ib dari d i form f : Atribut METHOD

ACTION

NAME

Keterangan - Menentukan bagaimana data akan di kirim ke server. - GET – data akan di kirim dengan menggunakan query string padaURL. - POST – data d t akan k di kirim ki i ke k server sebagai b i block bl k d data t ke k skrip. Syntax: METHOD= POST|GET METHOD=”POST|GET” - Menentukan lokasi dari skrip yang akan memproses data dari form Syntax: ACTION=”URL” Menentukan nama form Syntax: NAME=“nama Form”

… Atribut – atribut pendukung

SERVER (PHP)

Pembacaan data

Form

URL

Pengiriman data

HTTP header

GET

Metode data

POST

FORM CLIENT (BROWSER)

R RESPONS SE

R RESPONS SE

querystring

Terdapat dua pendekatan yang dapat digunakan sebagai acuan untuk proses pengolahan oleh server site scripting terhadap data-data yang dikirimkan melalui action, yaitu : - Unidirectional U idi ti l (Satu (S t Arah) A h) - Bidirectional (dua arah)

Unidirectional (Satu Arah) Form

File Verifikasi Form ( form.html ) Action verifikasi.php Action=verifikasi php

submit

verifikasi.php p p (File : Server Site Scripting )

Bidirectional (Dua Arah) Form Form ( form.php ) A ti Action=form.php f h

submit

Berikut akan dijelaskan beberapa elemenelemen tag data FORM : - INPUT - TEXTAREA

TAG INPUT Berikut ini adalah attribut dari tag INPUT Atribut NAME TYPE SIZE MAXLENGTH VALUE

CHECKED

Keterangan Mendefinisikan nama dari objek input. Atribut ini harus dituliskan kecuali untuk tipe submit dan reset. Menentukan tipe input yang dibuat Menentukkan ukuran kotak teks Menentukan jumlah maksimum karakter yang dapat dimasukkan pada kotak teks - Kotak Teks Æ Menentukan teks yang tertulis. - Check Box atau Radion Æ Menentukan nilai item yang di ilih dipilih - Submit dan Reset Æ Menentukan teks yang tertulis pada tombol Digunakan untuk check box dan radio, radio yang digunakan untuk menentukan pilihan yang terpilih secara default.

TAG INPUT Berikut ini adalah Tipe-tipe dari tag INPUT TIPE Text Password Checkbox R di Radio Submit Reset

Keterangan Digunakan untuk membuat kotak teks Digunakan untuk membuat kotak teks, tetapi semua karakter akan ditampilkan dengan tanda * , , dll. Digunakan untuk membuat suatu daftar pilihan yang dapat dipilih lebih dari satu Di Digunakan k untuk t k membuat b t suatu t daftar d ft pilihan ilih yang hanya h dapat dipilih satu saja Digunakan untuk membuat tombol yang fungsinya untuk mengirimkan data form agar bisa diolah Digunakan untuk membuat tombol yang fungsinya untuk menghapus seluruh isian form yang telah terisi.

TAG INPUT Teknik Penggunaan Tag INPUT TEXT Penulisan skrip dalam penggunan tipe TEXT  adalah:

PASSWORD Penulisan skrip dalam penggunan tipe PASSWORD adalah:

TAG INPUT Teknik Penggunaan Tag INPUT CHECKBOX Penulisan skrip dalam penggunan tipe CHECKBOX adalah:

Pilih yang sesuai :
  Menikah    Menikah 
    Pelajar 
 Bekerja

TAG INPUT Teknik Penggunaan Tag INPUT RADIO Penulisan skrip dalam penggunan tipe RADIO adalah:

Jenis Kelamin :
p Laki ‐ Laki 
Perempuan

TAG INPUT Teknik Penggunaan Tag INPUT SUBMIT Penulisan skrip dalam penggunan tipe SUBMIT adalah : RESET Penulisan skrip dalam penggunan tipe RESET adalah: Button Penulisan skrip dalam penggunan tipe RESET adalah:     

Tampilan T il d i penulisan dari li skrip k i HTML yang masuk k dalam d l k l kelompok k Tag T INPUT, adalah :

TAG INPUT Teknik Penggunaan Tag INPUT FILE Penulisan skrip dalam penggunan tipe FILE  adalah :



Upload FOTO:


TAG TEXTAREA Berikut ini adalah attribut dari tag TEXTAREA Atribut NAME ROWS COLS

Keterangan Memberikan nama objek textarea Menentukan jumlah baris textarea Menentukan lebar textarea

<br /> <br /> <html> <head> <title>Penggunaan TextArea</title> </head> <body> <form> <textarea name="TEXTAREA" cols="43" rows="7"> Saya menulis teks ini di dalam textarea - ukuran lebar textarea ini 43 - jumlah baris 7

TAG SELECT Berikut ini adalah attribut dari tag SELECT Atribut NAME SIZE

MULTIPLE

Keterangan Memberikan nama pada objek select Penentuan ukuran tersebut akan mempengaruhi tampilan pada browser. Jika atribut ini tidak disertakan atau diberi nilai 1, maka pilihan akan k ditampilkan di ilk sebagai b i drop-down d d li list. Jika diberi nilai 2 atau lebih, maka pilihan akan ditampilkan sebagai scroll box. M i i k untuk Mengizinkan t k memilih ilih lebih l bih dari d i satu t

<select name="select" size="1"> Teknik Informatika Manajeman Informatika Teknik Komputer Sistem Informasi

<select name="select2" size="3" multiple=“multiple”> Teknik Informatika Manajeman Informatika Teknik Komputer Sistem Informasi