Download - Pemrograman Internet 1 Sesi 4
*Form identik dengan formulir
*Form sangat dibutuhkan pada saat kita menginginkan adanya nilai (data) yang dipilih atau dimasukkan oleh pengguna
*Untuk membuat sebuah Form dibutuhkan beberapa tag dan atribut HTML, diantaranya adalah :
*Tag <FORM ….> ……</FORM>
*CONTOH :
* <FORM name = “nama form” method = “POST/GET” action = “URL”>
*……….elemen – elemen tag data form
*</FORM>
Atribut Keterangan
Name nama untuk form yang berlaku
Method GET = data yang dikirim melalui URL addressPOST = data yang dikirimkan bersama HTTP header
Action URL / File yang digunaka untuk menangkap dan mengolah nilai
*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)
2.Bidirectional (dua arah)
*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
*Sintaks penulisan elemen objeknya :
*<INPUT name = “X” type = “y” value = “z”>
Nama Nama untuk input yang berlaku
Type Type-nya adalah : text, password, checkbox, radio, hidden, reset, submit, button, image, dan file
Checked Input yang secara default dipilih
Vaule Nilai default atau nilai awal dari input yang dipilih
Size Lebar / ukuran dari input karakter yang ditampilkan
Maxleght Jumlah maksimal karakter yang diinputkan
Acceskey Merupakan shortcut untuk pengisian objeknya
Disabled Membuat agar objek tersebut dalam keadaan tidak aktif
*Tag input memiliki beberapa bentuk atau type yaitu :
a.Type TEXT Contoh sintaksnya :
<INPUT type = “teks” name=“nama” size=“20” maxlenght = “20”>
b.Type SUBMIT, RESET Contoh sintaksnya :
<INPUT type = “Submit” name=“submit” value = “KIRIM” >
<INPUT type = “Reset” name=“reset” value = “UNDO” >
c. Type PASSWORD Contoh sintaksnya :
<INPUT type = “Password” name=“pwd” size=“8” maxlenght = “10”>
d. Type CHECKBOX Contoh sintaksnya :
<input type="checkbox" name= “hobi1” value="1"> Membaca
<input type="checkbox" name= “hobi2” value="2"> Dengerin Musik
<input type="checkbox" name=“hobi3” value="3"> Shopping
<input type="checkbox" name = “hobi4” value="4"> Berenang
e. Type RADIO Contoh sintaksnya :
Jenis Kelamin :
<input type="radio" name="jk" value="L" checked>Laki-laki
<input type="radio" name="jk" value="P">Perempuan
f. Type FILE Contoh sintaksnya :
<input type=“file” name=“upload”>
g. Type BUTTON
<input type = “button” name =“aksi” value = “proses” onclick=“”>
Tag select / drop down menu contoh sintaksnya :
<select name="musik“ size = “1”> <option selected value = "jazz">jazz</option> <option value = "pop">pop</option> <option value = "dangdut">dangdut</option> </select>
Name Nama untuk select yang berlaku
Size Tinggi/bentuk tampilan menu selectSize 1 (default) combo box, Size 2 berbentuk Spinner, Size > 2 berbentuk menu list
selected Option yang secara default dipilih
Value Nilai yang dikirimkan dari option yang dipilih
Menu text-n
Text/label yang di tampilkan untuk tiap option
*Text Area sintaksnya
*<textarea name=“x” rows=“y” cols=“z”> default text</textarea>
*<textarea rows="2" name="S1" cols="20">ini adalah text area, disini dapat mengisikan text dalam jumlah banyak </textarea>
Nama Nama untuk textarea yang berlaku
Rows Banyaknya baris karakter yang ditampilkan unyuk textarea
Cols Banyaknya karakter yang ditampilkan untuk textarea
Default text
Default text yang diberikan saat ditampilkan pertamakalinya
