pemrograman internet 1 sesi 4
Post on 23-Oct-2015
24 Views
Preview:
DESCRIPTION
TRANSCRIPT
*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
top related