Membuat & Menggunakan (FORMS) pada HTML

Untuk permulaan, kita lihat satu form yang menggunakan kebanyakan ciri-ciri sesuatu Form, dengan kode yang dilaksanakan oleh setiap ciri yang ditunjukkan oleh huruf tebal di bawah nya.

---

Pertamanya, FORM akan dimulai dengan tag FORM . Untuk penjelasan berkenaan METHOD dan ACTION, lihat bagian akhir bab ini.

<FORM METHOD="POST" ACTION="mailto:nobody@nowhere.net">

---

Sekarang, lihat TEXT FIELD:

Name:
Name:<Input name="name" Value="default text" Size=40 maxlength=40>

Name adalah nama dari text edit

Value adalah nilai default dari text edit tersebut

Size ialah ukuran dari text edit tersebut berapa besar kotak yang akan muncul di halaman.

Maxlength ialah bilangan huruf yang maksimal yang boleh dimasukkan di dalam medan teks.

---

Sekarang pada bahagian TEXT AREA:

Tuliskan komentar anda:

<Textarea Name="Komen" Rows=4 Cols=70> </TEXTAREA>

Name ialah nama dari text area.

Baris dan Lajur (Rows and columns) menerangkan ukuran `text area'.

---

RADIO BUTTONS namanya, mengizinkan pilihan dari apa yang ditampilkan.

Sistem Operasi:
Windows 3.1
Windows for Workgroups 3.11
Windows 95
Sistem Operasi <BR>
<INPUT TYPE="radio" NAME="opsys" VALUE="win3.1" CHECKED>Windows 3.1<BR>
<INPUT TYPE="radio" NAME="opsys" VALUE="wfw3.11">Windows for Workgroups 3.11<BR>
<INPUT TYPE="radio" NAME="opsys" VALUE="win95">Windows 95<BR>

Sekali lagi, name ialah hasil yang akan dipanggil masuk di dalam penghantaran Form, anda perlu mengetahui bahawa kesemua form dalam kumpulan yang serupa mesti mempunyai nama yang serupa. Value ialah apa yang dikandung oleh penghantaran Form tatkala form ini ini dipilih. Dalam hal ini radio buttoni, hanya satu pilihan yang dibenarkan.

---

Kotak Pilihan membolehkan pengguna memilih satu atau banyak pilihan.

Saya menggunakan browser-browser ini:
Netscape 3.0
Explorer
Mosaic
Cello
Saya menggunakan browser-browser ini: <BR>
<INPUT type="checkbox" NAME="Netscape 3.0" CHECKED>Nestcape 3.0 <BR>
<INPUT type="checkbox" NAME="Explorer">Explorer <BR>
<INPUT type="checkbox" NAME="Mosaic" CHECKED>Mosaic <BR>
<INPUT type="checkbox" NAME="Cello">Cello <BR>

---

Pilihan kombo Box digunakan untuk membuat satu pilihan tertentu

Umur saya: Bawah 18 18-25 25-50 Melebihi 50
My age: <SELECT NAME="age">
<OPTION>Bawah 18
<OPTION>18-25
<OPTION SELECTED>25-50
<OPTION>Melebihi 50
</SELECT>

Name ialah output daripada pilihan combo box yang akan dipanggil di dalam pengembalian Form..

---

LIST BOX boleh juga digunakan untuk memilih lebih dari satu item.

Saya boleh dihubungi dengan:

Telefon Email Pos Laju Faks Pager Telegram

Saya boleh dihubungi dengan:
<SELECT NAME="contact" MULTIPLE SIZE=4>
<OPTION SELECTED>Telefon
<OPTION>Email
<OPTION>Pos Laju
<OPTION>Faks
<OPTION>Pager
<OPTION SELECTED>Telegram

Jika multiple diselipkan di dalam tag, bererti lebih dari satu pilihan dibenarkan. Size mengawal berapa banyak pilihan yang akan dipaparkan pada list.

---

Item-item diatas adalah biasa digunakan didalam menulis input. Sekarang untuk mengirim isi dari form tersebut atau membersihkan isi dari form tersebut dapat menggunakan.

<INPUT TYPE="submit" value="Hantar">
<INPUT TYPE="reset" value="Isi semula">

Value ialah teks yang akan muncul pada tombol tersebut. Ukuran tombol akan berubah mengikut keperluan teks.

---

Jangan lupa untuk menutup Form dengan tag.
</FORM>