Belajar Element HTML: <fieldset>

Tag <fieldset> mewakili sekelompok elemen form dalam dokumen HTML.

Tag <fieldset> dapat digunakan dengan tag <legend> untuk membuat formulir lebih mudah dibaca atau dipahami.

Syntax

Tag <fieldset> ditulis seperti <fieldset></fieldset> dengan sekelompok kontrol form diselipkan diantara tag pembuka dan penutup.

Contoh sederhana

  <fieldset>
  <p>Nama Awal: <input type="text" style="width:120px;"> Panggilan: <input type="text" style="width:120px;"></p>
  <p>Nama pilihan: <input type="text" style="width:120px;"></p>
  </fieldset>
  <fieldset>
  <input type="radio" name="gender" value="male"> Laki-laki
  <input type="radio" name="gender" value="female"> Perempuan
  <input type="radio" name="gender" value="other"> Lainnya
</fieldset>
<fieldset>
  <legend>Detail Nama</legend>
  <p>Nama Awal: <input type="text" style="width:120px;"> Panggilan: <input type="text" style="width:120px;"></p>
  <p>Nama Pilihan: <input type="text" style="width:120px;"></p>
  </fieldset>
  <fieldset>
  <legend>Jenis Kelamin</legend>
  <input type="radio" name="gender" value="male"> Laki-laki
  <input type="radio" name="gender" value="female"> Perempuan
  <input type="radio" name="gender" value="other"> Lainnya
</fieldset>

disabled

Menonaktifkan kontrol yang terdapat pada fieldset.

No value required.

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <fieldset> dengan pengaturan CSS:

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove (internal value);
}