Fieldset dan Legend

Selain label, ada beberapa tag yang menjadi vagian dari form tapi tidak digunakan untuk menginput data. Salah satu tag tersebut adalah fieldset. Kalian bisa mengelompokkan isi dari form dengan menggunakan fieldset seperti di bawah ini.
<HTML>
<HEAD>
    <TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
    <FORM method="post" action="test.htm">
    <fieldset>
        <label>Status :</label><BR />
        <INPUT type="radio" name="jkelamin" checked><label>Lelaki</label><BR />
        <INPUT type="radio" name="jkelamin"><label>Perempuan</label><BR />
    </fieldset>
    <fieldset>
        <label>Status :</label><BR />
        <INPUT type="radio" name="usia"><label>Belum menikah</label><BR />
        <INPUT type="radio" name="usia"><label>Duda / Janda</label><BR />
        <INPUT type="radio" name="usia" checked><label>Sudah Menikah</label><BR />
    </fieldset>
    <INPUT type="submit" name="kirim" value="Kirim">
    </FORM>
</BODY>
</HTML>


Fieldset pada contoh di atas ditampilkan sebagai kotak yang mengelilingi beberapa radio button. Fieldset juga bisa berisi input dengan tipe lain.

Legend

Fieldset bisa diberi satu elemen tag <legend> untuk memberikan judul dari fieldset tersebut. Legend diletakkan tepat di bawah tag pembuka <fieldset>.
<HTML>
<HEAD>
    <TITLE>Belajar HTML</TITLE>
</HEAD>
<BODY>
    <FORM method="post" action="test.htm">
    <fieldset>
        <legend>Status :</legend><BR />
        <INPUT type="radio" name="usia"><label>Belum menikah</label><BR />
        <INPUT type="radio" name="usia"><label>Duda / Janda</label><BR />
        <INPUT type="radio" name="usia" checked><label>Sudah Menikah</label><BR />
        <INPUT type="submit" name="kirim" value="Kirim">
    </fieldset>
    </FORM>
</BODY>
</HTML>