FORM
Form digunakan untuk mengumpulkan informasi dari user. Untuk membuat form digunakan tag <form>…</form>. Pasangan tag tsb diletakkan di antara <BODY>…</BODY>. Dalam sebuah form bisa terdapat banyak element.
BENTUK UMUM FORM
METHOD => menentukan cara mengirimkan data yang diinputkan user ke server. Ada 2 cara yang dapat dipakai yaitu GET dan POST
ACTION => menentukan lokasi file yang akan memproses data.
NAME => menentukan nama form. Nama ini berfungsi sebagai variable yang akan dikirimkan ke target dalam atribut ACTION.
FORM - Textfield / Textbox
berbentuk kotak inputan satu baris tunggal yang digunakan untuk memasukkan data berupa teks maupun angka.Atribut :
size=> menunjukkan panjangnya kolom.
Value => menunjukkan default text yang ditampilkan.
Name => nama textfield
Readonly=readonly => membuat textbox tidak bisa diisi
Maxlength => menentukan panjang maksimum
FORM – Password Field
Prinsip kerjanya sama dengan TEXTFIELD, hanya saja karakter yang diketikkan diganti dengan karakter *****.Atribut yang dimiliki sama dengan textbox.
FORM - Textarea
Digunakan untuk memasukkan beberapa baris text
Atribut :
Name => nama textarea
Cols => jumlah kolom yang akan tampil
Rows => jumlah baris yang akan tampil
Form - Checkbox
Digunakan untuk membuat kotak pilihan.
Biasa digunakan jika group pilihan bisa dipilih lebih dari satu (misalnya dalam pemilihan hoby, warna kesukaan)
Atribut :
Name => nama checkbox (dalam 1 group memiliki nama yang berbeda
value => nilai / data yang akan dikirimkan ke server
Checked=checked => membuat checkbox terpilih
Disabled=disabled => membuat checkbox tidak bisa dipilih
FORM – Radio Button
Kegunaannya sama dengan checkbox hanya saja bentuknya lingkaran.
Biasa digunakan jika dalam sebuah group pilihan, hanya satu yang bisa dipilih (misalnya dalam pemilihan agama dan jenis kelamin)
Atribut :
Name => nama radio button (dalam 1 group memiliki nama yang sama
value => nilai / data yang akan dikirimkan ke server
Checked=checked => membuat radio button terpilih
disabled=disabled => membuat radio button ditidak bisa dipilih
FORM – Combobox / Dropdown
Digunakan untuk membuat daftar menu.
Atribut option :
Selected=‘selected’ => memberikan nilai default pilihan yang dipilih
Atribut select :
Name => nama combobox
Size => menentukan jumlah pilihan yang ditampilkan
Multiple=multiple => membuat combobox bisa dipilih lebih dari 1
FORM - Button
SUBMIT BUTTON
Digunakan untuk mengirimkan data yang dimasukkan melalui form oleh pengunjung ke server.
Data dalam form baru akan dikirim setelah tombol ini diklik
RESET BUTTON
Digunakan untuk membatalkan data yang telah diketik di form sehinnga form menjadi kosong.