FORM HTML

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]>