Pemrograman Internet 1 STMIK PPKIA Pradnya Paramita

Mengenal Form  Form identik dengan formulir  Form sangat dibutuhkan pada saat kita menginginkan adanya nilai (data) yang dipilih atau dimasukkan oleh pengguna  Cara Kerja Form

Tag Dasar Form  Untuk membuat sebuah Form dibutuhkan beberapa tag dan atribut HTML, diantaranya adalah :  Tag ……  CONTOH :  ……….elemen – elemen tag data form 

Atribut Keterangan Namenama untuk form yang berlaku MethodGET = data yang dikirim melalui URL address POST = data yang dikirimkan bersama HTTP header ActionURL / File yang digunaka untuk menangkap dan mengolah nilai

Metode Pengiriman Data

Proses Pengolahan Data  Terdapat dua pendekatan yang dapat digunakan sebagai acuan untuk proses pengolahan oleh server site scripting terhadap data-data yang dikirimkan melalui action, yaitu : 1. Unidirectional (satu arah)

Proses Pengolahan Data  2. Bidirectional (dua arah)

Elemen – elemen tag data form  Setiap elemen – elemen objek dari tag – tag form merupakan media entri data.  Karakteristik dari elemen objek form adalah : 1. Input 2. Select atau Daftar 3. Text Area atau Area Isian

Tag Input Form  Sintaks penulisan elemen objeknya :  NamaNama untuk input yang berlaku TypeType-nya adalah : text, password, checkbox, radio, hidden, reset, submit, button, image, dan file CheckedInput yang secara default dipilih VauleNilai default atau nilai awal dari input yang dipilih SizeLebar / ukuran dari input karakter yang ditampilkan MaxlegthJumlah maksimal karakter yang diinputkan AcceskeyMerupakan shortcut untuk pengisian objeknya DisabledMembuat agar objek tersebut dalam keadaan tidak aktif

Tag Input Form  Tag input memiliki beberapa bentuk atau type yaitu : a. Type TEXT Contoh sintaksnya : b. Type SUBMIT, RESET Contoh sintaksnya : c. Type PASSWORD Contoh sintaksnya :

Tag Input Form d. Type CHECKBOX Contoh sintaksnya : Membaca Dengerin Musik Shopping Berenang e. Type RADIO Contoh sintaksnya : Jenis Kelamin : Laki- laki Perempuan

Tag Input Form f. Type FILE Contoh sintaksnya : g. Type BUTTON

Tag Select / Daftar  Tag select / drop down menu contoh sintaksnya :   jazz  pop  dangdut  NameNama untuk select yang berlaku SizeTinggi/bentuk tampilan menu select Size 1 (default) combo box, Size 2 berbentuk Spinner, Size > 2 berbentuk menu list selectedOption yang secara default dipilih ValueNilai yang dikirimkan dari option yang dipilih Menu text-nText/label yang di tampilkan untuk tiap option

Text Area / isian pada form  Text Area sintaksnya  textarea rows="2" name="S1" cols="20">ini adalah text area, disini dapat mengisikan text dalam jumlah banyak NamaNama untuk textarea yang berlaku RowsBanyaknya baris karakter yang ditampilkan unyuk textarea ColsBanyaknya karakter yang ditampilkan untuk textarea Default textDefault text yang diberikan saat ditampilkan pertamakalinya

Tugas