FORM HTML
Form dalam html adalah
input atau masukan dari pengguna yang kemudian diproses untuk mendapatkan hasil
yang diinginkan pengguna, seperti proses penyimpanan, proses sunting atau edit,
proses hapus dan browse. Sintak dari form adalah sebagai berikut:
<form
name=”nama_form” Mehode=”post|get” action=”URL”>
.................
<form>
Ket:
1. Nama form adalah
nama form yang sedang digunakan
2. Methode adalah
metode yang digunakan dalam penyimpanan ke dalam server.
3. Action adalah alamat
yang digunakan untuk pemrosesan input form di dalam server
Form memiliki kontrol
form yang digunakan untuk mengklasifikasikan input atau masukan dari pengguna.
Kontrol form terdiri
dari :
1. kontrol text
2. Kontrol Password
3. Kontrol radio button
4. Kontrol checkbox
5. Kontrol Select
6. Kontrol Text Area
7. Kontrol button
8. Kontrol Image
1. Kontrol Text
Kontrol text digunakan
untuk memberikan input atau masukan berupa kotak isian. Sintaknya dalah sebgai
berikut :
<input type=”text”
[properti]>
Tag <INPUT>
Tag <INPUT> digunakan untuk membuat komponen-komponen yang
digunakan untuk meminta informasi dari user, misalnya kotak teks, kotak
pilihan, tombol dan lain-lain. Tag ini tidak memerlukan tag penutup. Tag ini
mempunyai beberapa atribut, yaitu :
ATRIBUT KETERANGAN
NAME Mendefinisikan nama dari objek input. Atribut ini harus
dituliskank ecuali untuk tipe submit dan clear
SIZE Menentukan ukuran
kotak teks
MAXLENGTH Menentukan
jumlah maksimum karakter yang dapat dimasukkan pada kotak teks
VALUE Untuk kotak teks,
menentukan teks yang tertulis. Untuk check box atau radio, menentukan nilai
item yang dipilih. Untuk Submit dan Reset, menentukan teks yang tertulis pada
tombol
CHECKED Hanya digunakan
untuk check box atau radio. Menentukan pilihan yang
terpilih secara
default.
TYPE Menentukan tipe
input yang dibuat Tipe input yang dapat dibuat adalah :
-
Text, digunakan untuk
membuat kotak teks
-
Password, digunakan
untuk membuat kotak teks, tetapi semua karakter akan ditampilkan dengan tanda
*.
-
Check Box, digunakan
untuk membuat suatu daftar pilihan yang dapat dipilih lebih dari satu.
-
Radio, digunakan untuk
membuat suatu daftar pilihan yang hanya dapat dipilih satu saja.
-
Reset, digunakan untuk
membuat tombol yang fungsinya untuk menghapus semua isian form yang telah
diberikan.
-
Submit, digunakan untuk
membuat tombol yang fungsinya untuk mengirimkan data form agar diolah.
2. Kontrol Password
Kontrol password adalah
sebuah kontrol html yang penggunaan mirip dengan kontrol text, hanya bedanya
pada saat tampilan kontrol text akan tampil dengan text biasa, sedangkan
kontrol password akan ditampilkan dengan tanda asteris(*). Sintaknya adalah
sebagai berikut :
<input
type=”password”[properti]>
3. Kontrol radio
Kontrol radio digunakan
untuk menampilkan salah satu pilihan dari satu kumpulan/grup pilihan. Sintaknya
adalah sebagai berikut :
<input
type=”radio”[properti]>
4. Kontrol checkbox
Kontrol checkbox
digunakan untuk memilih beberapa pilihan yang tersedia. Penggunaannya hampir
sama dengan kontrol radio, perbedaannya terletak pada pilihan yang dimungkinkan
lebih dari satu. Sintaknya adalah sebagai berikut :
<input type=”checkbox”[properti]>
5. Kontrol Select
Kontrol select
digunakan untuk membuat sebuah daftar pilihan. Sintaknya adalah sebagai berikut
:
<select
[properti]>
<option>item 1
<option>item 2
.
.
</select>
6. Kontrol Textarea
Kontrol text area
merupakan kontrol text yang dapat menuliskan text lebih banyak karena memiliki
ruang/kapasitas lebih besar digandingkan dengan kontrol text. Sintaknya adalah
sebagai berikut :
<textarea[properti]>
...isi text....
</textarea>
7. Kontrol Button
Kontrol button
digunakan untuk mengontrol suatu aksi atau menjalankan sebuah prosedur/event.
Ada tiga type yang termasuk kontrol button, yaitu button, submit dan reset.
Button digunakan untuk mengontrol atau menjalankan suatu prosedur atau event
dari vbscript, submit digunkaan untuk mengirim data-data ke server (lebih
banyak berhubungan dengan pemograman yang berbasis server side seperti ASP), sedangkan
reset digunakan untuk menghapus data-data yang ada pada suatu form. Sintaknya
adakah sebagai berikut :
<input
type=”button”[properti]>
<input
type=”submit”[properti]>
<input
type=”reset”[properti]>
8. Kontrol Image
Kontrol image digunakan
untuk mengelola/mengolah gambar. Sintaknya adalah sebagai berikut :
<input
type=”image”[properti]>
