Membuat Label Form

Dalam pembuatan Formulir biasanya ada beberapa isian dan kategori. Namun, bisa saja kategori tersebut berbeda satu sama lainnya. Agar lebih nyaman, field tersebut kita pisahkan menggunakan tag <fieldset>.

Contoh :

Kita punya Formulir Pendaftaran yang berisi 3 Jenis permintaan data yaitu Data Pribadi, Data Sekolah, Data Rekening.

Data Pribadi terdiri dari:

- Nama

- Umur

Data Pendidikan terdiri dari :

- Pendidikan Terakhir

- Tahun Lulus

Data Rekening terdiri dari :

- Nomor Nasabah

- Nama Nasabah

Jika tidak kita kelompokkan, bisa saja tampilannya menjadi seperti ini :
-------------------------------------------------------------
Nama
Umur
Pendidikan Terakhir
Tahun Lulus
Nomor Rekening
Nama Nasabah


-------------------------------------------------------------
Setelah dilakukan pengelompokan, tampilannya menjadi :

-------------------------------------------------------------

Data Pribadi

Nama
Umur

Data Pendidikan

Pendidikan Terakhir
Tahun Lulus

Data Rekening

Nomor Rekening
Nama Nasabah

-------------------------------------------------------------
Tampilan formulir yang terakhir tampak lebih manis karena memberikan petunjuk dan pengelompokan terhadap jenis-jenis data yang dipinta.
Pembuatan pengelompokan ini menggunakan tag <fieldset> dan <legend>. Seperti di tampilan terakhir, kita bisa menuliskan kodenya seperti berikut ini :

<fieldset>
<legend>Data Rekening</legend>
<b>Nomor Rekening</b><input name="norek" type="text"> <br>
<b>Nama Nasabah</b><input name="namanasabah" type="text"> <br>
</fieldset>
<input type="submit" value="Proses Form">