Cum utilizam eticheta Fieldset si Legend

Eticheta FIELDSET este conceputa pentru a grupa elementele dintr-un formular,


daca folosesti codul urmator:

<form>
<fieldset>
<legend>Datos personales:</legend>
Nume: <input type="text" size="30" /><br />
Adresa: <input type="text" size="30" /><br />
Telefon: <input type="text" size="30" />
</fieldset>
</form>

rezultatul este acesta:

Datos personales:

Nume:

Adresa:

Telefon:

Dar nu vom folosi acest cod pentru un formular deoarece ar necesita un server şi unele PHP pentru a trimite şi a stoca date. Dar putem folosi eticheta FIELDSET, pentru a evidentia un text, o descriere, sau chiar pentru a pune ingredientele intr-un reţetă. De exemplu:

Ingrediente

- o ceapa mare(200g)
- 750g de rosi fara coaja taiate cuburi
- 1Kg de carne de porc taiata in feli
- sare si piper
- ulei de masline

codul folosit este:

<fieldset>
<legend>Titlu</legend>
... Aici vine textul ...
</fieldset>

Organizat dar simplu nu-i asa? se mai poate adauga chiar si culoare de fond vezi exemplul de mai jos:

Títlu

... Aici vine textul ...

codul folosit este urmatorul:

<fieldset style="border:6px groove #ccc; background:#E1D4C0;">
<legend style="font-weight:bold; color:#61380B;">Títlu</legend>
... Aici vine textul ...
</fieldset>