Pembuatan FORM

Membuat Form ISIAN

                From HTML merupakan tag yang paling penting adalam pemorgraman HTML khususnya dalam pembuatan aplikasi berbasis web. Form menyediakan property masukan yang dapat berupa textbox, check box, radio button, dan button.

Atribut elemen from :

Action                   = lokasi dan nama file (file yang berisi data – data form)

Method                 = [get | post] metode HTTP untuk men-submit form
Name                    = name suatu form

contoh pmbuatan awal form

<form name="kotak isian" method="post" action="url">

peletakkan sintak property form

</form>

Properti masukan pada elemen form

1.       Text box<input type=”text” size="5" name="kotak" value="ini adalah kotak nama">

Dignakan untuk memasukan input yang berupa teks.

Size                    = ukuran dari textbox dalam karakter

Maxsize              = maksimal jumlah karakter yang dapat di input

Name                 = nama variable yang dikirim ke suatu aplikasi

Value                  = akan menampilkan isinya sebagai nilai default

2.       Password<input type=”password” size="5" name="kotakpass">

Di gunakan untuk memasukan password

Size                     = ukuran textbox dalam karakter

Maxsize               = maksimal jumlah karakter yang dapat di input

Name                  = nama variable yang dikirim ke suatu aplikasi

3.       Hidden<input type”hidden” name="kotakhidd" value="ini adalah kotak hidden">

Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat oleh browser.

Name                  = nama dari variable yang dikirim ke suatu aplikasi

Value                  = nilai dari variable

4.       Check Box<input type=”checkbox” name="kotakcheck">

Check box digunakan untuk dapat memilih lebih dari satu pilihan.

Name                    = nama dari variable yang dikirim ke suatu aplikasi

Value                    = nilai dari variable

Checked (checkbox yang sudah ditandai)

5.       Radio Button<input type=”radio”  name="pilihan">

Radio button digunakan agar dapat memilih ahnya salah satu pilihan.

Name                    = nama veriabel yang dikirim ke suatu aplikasi

Value                    = nilai dari variable

Checked (radio button yang sudah di tandai)

6.       Push Button<input type=”button” name="pushbutt">

Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan suatu aksi.

Name                    = nama dari variable yang dikirim ke suatu aplikasi

Value                    = label teks di atas tombol

7.       Submit<input type=”submit” name="tombol" value="submit">

Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilinya ke suatu aplikasi yang di tentukan dlam atribut ACTION dlam elemen FORM.

Name                    = nama dari variable yang dikirim ke suatu aplikasi

Value                    = label teks di atas tombol

8.       Image Submit Button<input type=”image” src=”letak file” name="tmbolgmbr">

Digunakan untuk menggantikan tombol standar submit dengan image.

Name                    = nama dari variable ayng dikirim ke suatu aplikasi

9.       Reset<input type=”reset” name="reset" value="btn bersihkan">

Digunakan untuk mereset semua masukan dalam form.

Value                    = label teks di button
name                     = untuk pmberian nama reset

10.   Text Area<textarea name="ktakisian" rows="10" cols="40">…</textarea>

Elemen untuk memasukan teks secara leluasa seperti notepad.

Name                    = nama dari veriabel yang dikirim ke suatu aplikasi

Rows                     = panjang baris dalam karakter

Cols                       = tiggi kotak

11.   Select<select> <option value="1"></option</select>

Daftar isi dalam property select menggunakan tag <option>

Size                        = jumlah pilihan yang dapat terlihat

Name                    = nama dari veriabel yang dikirim ke suatu aplikasi

value                     =nilai suatu option

Untuk mencobanya ketikan scrpt berikut pada notepad lalu simpan dengan estensi .HTML lalu jalankan.

berikut gua kasih listing programnya :

<html>
<head><title>Form</title></head>
<body>
<form action="#" method="get">
<p>Nama : <input type="text" name="nama">
<p>Alamat : <input type="text" name="alamat">
<p>Jenis Kelamin :
<input type="radio" name="sex" value="man">laki - laki
<input type="radio" name="sex" value="woman">Perempuan
<p>Pekerjaan :
<select name="pekerjaan">
<option value="pelajar">Pelajar</option>
<option value="Peg_negri">Pegawai Negri</option>
<option value="Buruh">Buruh</option>
</select>
<p>Hobby :
<input type="checkbox" name="hobby" value="Sepakbola">Facebookan
<input type="checkbox" name="hobby" value="Main Komputer">Main Komputer
<input type="checkbox" name="hobby" value="Tidur">Tidur
<p>
<input type="submit" value="kirim data">
<input type="reset" value="ulangi">
</form>
</body>
</html>

Maka hasilnya akan seperti di bawah, akan tetapi jangan kaget jika ketika anda mengklik “Kirim Data” semua tulisan yang ada dalam form akan menghilang karna semua tulisan yang anda masukan sedang dalam proses pengiriman namun karna disini kita belum memberi tujuan pada form ini maka data tersebut hanya akan menghilang.

OC....selamat mencoba dan siap menghadapi eror.....Nantikan tutorial berikutnya