HTML Fieldset

HTML fieldset definira, grupira elemente koji su logički povezani u jednu cjelinu. Web preglednik pravi okvir oko elemenata te ih na taj način grupira. Tag koji koristimo za to je <fieldset>. Pogledajmo kako se koristi.

1.
<fieldset>
Ime: <input type="text" name="ime">
<br>
Prezime: <input type="text" name="prezime">
</fieldset>
<br>
<fieldset>
<input type="checkbox" name="auto"> Posjedujem auto
<br>
<input type="checkbox" name="kuca"> Posjedujem ku&#230;u
<br>
<input type="checkbox" name="kucniljubimac"> Posjedujem ku&#230;nog
ljubimca
<br>
</fieldset>

2.
<fieldset>
<legend>Osobni podaci</legend>
Ime: <input type="text" name="ime">
<br>
Prezime: <input type="text" name="prezime">
</fieldset>
<br>
<fieldset>
<input type="checkbox" name="auto"> Posjedujem auto
<br>
<input type="checkbox" name="kuca"> Posjedujem ku&#230;u
<br>
<input type="checkbox" name="kucniljubimac"> Posjedujem ku&#230;nog
ljubimca
<br>
</fieldset>

3.
<fieldset>
<legend align="center">Osobni podaci</legend>
Ime: <input type="text" name="ime">
<br>
Prezime: <input type="text" name="prezime">
</fieldset>
<br>
<fieldset>
<legend align="right">Dodatni podaci</legend>
<input type="checkbox" name="auto"> Posjedujem auto
<br>
<input type="checkbox" name="kuca"> Posjedujem ku&#230;u
<br>
<input type="checkbox" name="kucniljubimac"> Posjedujem ku&#230;nog
ljubimca
<br>

</fieldset>


Gornji primjer prikazuje korištenje align atributa. Sa align atributom koji koristimo u legend tagu možemo definirati gdje ćemo smjestiti naslov. Vrijednosti mogu biti:
Left – lijevo, koja je i predefinirana vrijednost
Center – sredina
Right – desno