Pemrograman Internet 1 Sesi 4

PEMROGRAMAN INTERNET

STMIK PPKIA PRADNYA PARAMITA /LINDA SUVI [email protected]

*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