EduBlog!

Pada sesi ini, akan dibahas tentang bagaimana cara membuat form, apa itu form, dan apa ja sih atributnya..^o^
Form identik dengan formulir. Form sangat dibutuhkan pada saat anda ingin adanya nilai (data) yg dipilih atau yg di input oleh user.
Form dlm HTML merupakan jembatan komunikasi antara client dg server.
Tag-tag form terletak dalam tag BODY, yg meliputi :
< HTML >
…
< BODY >
< FORM name=”X” method=”GET|POST” action=”y” >
…
… (elemen tag-tag data form)
< /FORM >
…
< /BODY >
< /HTML >

• Name --> nama untuk form yg berlaku, digunakan untuk form handling.
• Method --> Get = data dikirimkan melalui URL address.
Post = data dikirimkan bersam HTTP header.
• Action --> URL/File yg digunakan untuk menangkap dan mengolah data yg dikirimkan.
Untuk membuat tampilan menjadi rapi, maka kita bias menggunakan table.

1. TextBox
Type ini digunakan untuk data isian seperti nama orang atau alamat.
Contoh sintaksnya :
< INPUT type=”TEXT” name=”Nama” size=”20” maxlength=”20” >

2. Type SUBMIT dan RESET
Tombol submit digunakan untuk mengirimkan data2 yg dibuat dalam form.
Syntax ny :
< INPUT type=”SUBMIT” name=”aksi” value=”kirim” >

Tombol reset digunakan mengosongkan apa yg kita tulis dalam form.
Syntax nya :
< INPUT type= ”RESET ” name=”aksi” value=”UNDO” >

3. Type PASSWORD
Type ini bila digunakan maka setiap karakter yg diketik akan berubah mjd *.
Biasa digunakan untuk input account password.
Syntax nya :
< INPUT type=”PASSWORD” name=”Pwd” size=”8” maxlength=”8” >

4. Type CHECKBOX
Tipe ini digunakan untuk membuat kotak2 cek. Kotak cek adalah suatu bentuk masukan yg memungkinkan user memilih 1 atau lebih pilihan nya.
< INPUT type=”CHECKBOX” name=”buah” value=”pisang” >Pisang
< INPUT type=”CHECKBOX” name=”buah” value=”Apel” >Apel

5. Type RADIO
Tipe ini hamper sama dg checkbox, namun yg dipilih hanya bisa satu.
Biasa nya digunakan unutk memilih jenis kelamin, status, dll.
Syntax nya :
< INPUT type=”RADIO” name=”Sex” value=”Male” >Male
< INPUT type=”RADIO” name=”Sex” value=”Female” >Female

6. Type TextArea
Digunakan untuk pengisian karakter yg panjang seperti komentar dan email.
Syntaxnya :
< textarea name=”x rows=”y” cols=”z” > default text < /textarea >

7. Type ComboBox
Syntax nya :
< select name=”x” >
< option value=”y”/ >Y
< option value=”z” / >Z
< option value=”a” / >A
< /select >

8. Type ListBox
Syntaxnya :
< select name=”x” MULTIPLE/ >
< option value=”y”/ >Y
< option value=”z” / >Z
< option value=”a” / >A
< /select >

Inilah semua tentang FORM, kalian bias mencobanya..^o^
Semoga bermanfaat..n_n