Form
Tag HTML kebanyakan menangani
bagaimana sebuah informasi ditampilkan saja. Sehingga, tidak ada interaksi
langsung antara pengguna dengan sebuah situs web. Pengguna dapat membaca sebuah
halaman web, namun tidak bisa menambahkan informasi apapun melalui halaman web
tersebut. Munculnya form HTML, mengubah paradigma tersebut. Dengan adanyaform, pengembang
web dapat memperoleh informasi yang diinginkan dari pengguna. Form adalah area
yang mengandung elemen-elemen input yang memungkinkan pengguna untuk memberikan
informasi. Elemen-elemen tersebut
diantaranya :
·
Text Field
·
Dropdown menu
·
Radio Button
·
Checkbox
Form didefinisikan
dengan tag <form>, dan semua elemennya harus be-
rada diantara tag <form></form>
<input>
Elemen input memungkinkan
pengguna untuk memasukkan teks atau memilih opsi. Tag input memiliki
beberapa tipe atribut yang bertugas menentukan tipe input mana yang digunakan
seperti :
Text : pengguna
mengisi data pada area/boks yang disediakan
Radio : radio button,
untuk memilih satu dari sejumlah opsi.
Checkbox : untuk memilih
satu atau lebih dari sejumlah opsi.
Password : untuk meminta
masukan dengan menyembunyikan karakter yang
diinputkan
Sebuah elemen input juga memiliki
nama atribut untuk mengidentifikasi tiap elemen input, dan juga
nilai dari atribut. Sebagai catatan, radio button memiliki nama
yang sama, namun nilai yang berbeda. Sebagai contoh :
<form>
Nama: <input
type="text" name="name"><br>
Alamat: <input
type="text" name="address"><br>
Jenis Kelamin :
<input type="radio"
name="sex" value="male"> Laki-laki
<input type="radio"
name="sex" value="female">Perempuan<br>
Hobi :
<input
type="checkbox" name="reading">Membaca
<input
type="checkbox" name="shopping">Berbelanja
</form>
Atribut Action dan Tombol submit
Action adalah atribut
dari tag form yang menggambarkan kemana informasi-informasi yang dimasukkan
dalam form akan dikirimkan. Biasanya, action dikirim ke nama
sebuah _le yang yang mengandung script dinamis. Namun
bagaimana informasi tersebut diproses tidak akan dibahas dulu disini, melainkan
bagaimana menciptakan sebuah form. Elemen form juga bisa
memiliki atribut method. Atribut method dapat bernilai "get" atau "post". Nilai-nilai
tersebut menjelaskan bagaimana sebuahform dikirimkan.
Dengan action="get", data yang dikirimkan akan
disertakan sebagai query string yang dinyatakan pada bagian
belakang URL. Selain itu, karena disertakan sebagai bagian dari URL panjang
data yang dapat ditangani memiliki keterbatasan, misalnya panjang data terbatas
dan data yang bertipe password tetap dikirimkan dalam keadaan
tidak terenkripsi sehingga dapat dilihat . Sedang dengn action="post", data tidak
akan dikirimkan sebagai bagian dari URL sehingga lebih terjaga kerahasiaannya.
Informasi dari form tersebut dikirim setelah tombol bertipe submit ditekan.
<form name="input"
action="process_data.php" method="get">
Username: <input
type="text" name="user">
<input type="submit"
value="Submit">
</form>
<select>
Element <select> memungkinkan
pengguna untuk memilih opsi dari sebuah dropdown box. <form>
Pilih negara asal :
<select
name="countries">
<option
value="thailand">Thailand</option>
<option
value="nepal">Nepal</option>
<option
value="indonesia">Indonesia</option>
<option
value="australia">Australia</option>
</select>
</form>
<textarea>
Textarea adalah box
pilihan multibaris. Tidak seperti textbox biasa, textarea adalah elemen
tersendiri, buka tipe elemen input.
<form>
Silahkan masukkan komentar Anda:
<textarea
name="comments" rows="10"
cols="30"></textarea>
</form>
Komentar
Seringkali, untuk memberi
keterangan tentang kode yang dibangun, seorang programmer menambahkan komentar
yang berisi penjelasan/keterangan/catatan tentang kode yang ditulis.
Komentar tidak akan ditampilkan
pada halaman web. Tag tersebut ditujukan untuk memberi keterangan pada tag
HTML. Komentar diapit oleh tanda
<!--...isi
komentar ...--> seperti pada tag berikut :
<html>
<head>
<title>Web
Pribadiku</title>
</head>
<body>
<!--Ini adalah contoh halaman
web -->
Paragraf pertama
</body>
</html>
0 komentar:
Posting Komentar