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.

<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æu <br> <input type="checkbox" name="kucniljubimac"> Posjedujem kuænog ljubimca <br> </fieldset>

Ime:
Prezime:

Posjedujem auto
Posjedujem kuću
Posjedujem kućnog ljubimca

U gornjem primjeru smo u prvi okvir stavili osobne podatke, a u drugi dodatne podatke o toj osobi. Vidimo da ovako grupirani podaci moraju imati i neki naslov. Naslov koji bi objedinio informacije unutar tog okvira. U tu svrhu koristimo <legend> tag.

<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æu <br> <input type="checkbox" name="kucniljubimac"> Posjedujem kuænog ljubimca <br> </fieldset>

Osobni podaci Ime:
Prezime:

Dodatni podaci Posjedujem auto
Posjedujem kuću
Posjedujem kućnog ljubimca

Legend ustvari dodaje naslov našoj grupi. Poželjno je da uvijek uz fieldset koristite i legend tag. Pogledajmo i dodatne postavke za koje koristimo za legend tag

<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æu <br> <input type="checkbox" name="kucniljubimac"> Posjedujem kuænog ljubimca <br> </fieldset>

Osobni podaci Ime:
Prezime:

Dodatni podaci Posjedujem auto
Posjedujem kuću
Posjedujem kućnog ljubimca

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

Ako ste naučili nešto novo napišite jedan komentar podrške.
Hvala!

Autor: Vedran

Datum objave: 25.01.2009

Za vas smo izdvojili:

■  Marquee tag
■  HTML entiteti
■  Formatiranje teksta
■  Meta tagovi
■  Kako postaviti dio slike kao link

Zadnjih 5 članaka

■  Lozinke, lozinke …
■  Kako prebaciti PDF u Word dokument
■  Kako postaviti stranicu na Internet
■  Cyclic Redundancy Check error
■  Riješite se Antivirus 2009 - rogue programa

KOMENTARI:

Nema još ni jednog komentara.

Samo registrirani korisnici mogu komentirati.