Pengertian Form
Pengertian Form
Form merupakan
salah satu elemen dalam HTML yang digunakan untuk menerima input dari
pengunjung. Melalui form pengunjung sebuah halaman web dapat melakukan
interaksi dengan web. Pengunjung dapat memasukan data melalui elemen-elemen
input seperti textfield, checkbox, radio button, textarea, submit button, dropdown
dan lain-lain. Selain itu pengunjung
juga dapat melakukan pemilihan data mengunakan elemen select list atau
dengan istilah lain combo box atau drop-down list. Form membuat sebuah halaman
web menjadi web interaktif dan dinamis, karena form merupakan
satu-satunya sarana bagi pengembang website untuk mendapatkan informasi dari
pengguna.
Berikut
perintah dasar Form :
<form>
Input elements
</form>
Ada dua
atribut yang digunakan pada elemen form yaitu method dan action.
Method
yang berfungsi sebagai pengiriman data pada server dengan cara ke tujuan yaitu
:
- Get:
mengirim data pada server dengan cara meletakan data pada bagian akhir URL yang
ditunjuk.
- Post :
mengirim datanya secara terpisah.
Perbedaannya, jika kita mengisi atribut method dengan get (dimana ini
adalah nilai default seandainya kita tidak menuliskannya) maka isian form akan
terlihat pada url browser. Method get ini biasanya digunakan untuk query
pencarian. Method post biasanya digunakan untuk data yang lebih sensitif
seperti yang berisi password, atau registrasi user. Data hasil form tidak akan
terlihat pada browser.
Action
yang berfungsi menentukan lokasi dari script yang akan memproses data dari
form.
Struktur dasar form akan terlihat sebagai berikut:
<form action="logindata.php" method="post">
...isi form...
</form>
Elemen
yang paling penting dalam form adalah elemen input. Elemen ini memungkinkan
pengunjung memasukan data melalui halaman form yang datanya kemudian akan
dikirimkan keserver. Ada banyak elemen-elemen input pada form, yang dapat
digunakan oleh pengguna untuk mengisikan data dengan yang berbeda-beda
jenisnya. Berikut ini saya akan membahas tiap-tiap elemen input form, beserta dengan cara pembuatannya.
<html>
<head>
<title bgcolor="Black">Contoh pembuatan Form</title>
</head>
<body>
<form action="prosesinput.php" method="get">
<p>
First name : <input type=”text” name=”first name” /><br/>
Last name :< input type=”text” name=”last
name” />
<p> Password : <input type=”password” name=”password”/>
<p> Jenis kelamin : <input type =radio name=”sex value=”male”/>
Male
<input type =radio name=”sex
value=”female”/> Female
<p> Alamat : <textarea
name="Alamat" cols="25"
rows="4"></textarea>
<p>
Hobi : <input type=checkbox
name=hobi value=Membaca>Baca Buku
<input type=checkbox name=hobi
value=Kesenian>kesenian
<input type=checkbox name=hobi
value=olahraga>Olahraga
<input type=checkbox name=hobi
value=Traveling>Jalan Jalan
<p> Pekerjaan :
<select name=Pekerjaan>
<option
value=Pelajar>Pelajar/Mahasiswa
<option
value=PNS>Pegawai Negeri Sipil
<option
value=Karyawan>Karyawan
<option
value=Wiraswasta>Wiraswasta
</select>
<p>Komentar
: <textarea name="komentar" cols="25"
rows="4"></textarea>
<p><input
type=submit value=kirim data/><input type=reset value=ulang>
</form>
</body>
</html>
Komentar
Posting Komentar