PELAJARAN MEMBUAT FORM

Membuat & Menggunakan (FORMS). dengan 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>

---

TATACARA(METHOD) DAN TINDAKAN(ACTION)

Dalam hal ini cuma ada satu METHOD, yaitu POST

Terdapat dua kemungkinan ACTION untuk Form-Form, tetapi hanya satu yang ada untuk para pengguna.

ACTION="nama file" akan mengantarkan Form kepada satu file .exe atau skrip yang terdapat pada server, yang akan memproses pengiriman data serta akan melakukan sesuatu dengan keputusan itu. Contohnya apabila anda melakukan Carian InfoSeek, anda memasukkan input di dalam satu Form . Ia akan di berikan kepada satu program penggalan data, yang melaksanakan pencarian data-data dan kemudian menampilkannya.

Pilihan kedua ialah ACTION="mailto:alamat email". Yang ini boleh tujukan untuk sesiapapun. Dalam hal ini, pengiriman Form oleh penjawab akan di-emailkan kepada alamat yang tertera. Jadi apakah itu "Pengiriman Form"? Saya telah memasukkan Form contoh di atas dan mengirimkannyan ke alamat email saya sendiri. Begini hasilnya:

name=ZULKIPLY+HARUN&Komen=Ini+dimasukkan+di+dalam+TEXT+AREA.%0D%0A &sistem operasi=win3.1&wordprocessor=on&database=on&Umur=25-50&Hubung=Email &Hubung=Fax

apakah itu ?….