Oznaka fieldset

Oznaka fieldset združuje polja HTML obrazca.

Rezultat je obkrožen z okvirjem, napisek, ustvarjen z oznako legend, pa prekine ta okvir, kar ustvari edinstven učinek, ki ga ni mogoče doseči z drugimi sredstvi (glej primer).

Če dodelimo oznaki legend kakršne koli CSS stile za pozicioniranje (float, position itd.), bo njena vsebina zapustila okvir in se postavila na želeno mesto (v tem primeru več ne bo prekinitve okvirja).

Primer

Obrazec razdelimo na dva logična bloka z uporabo dveh oznak fieldset:

html<form>
  <fieldset>
    <legend>Podatki kupca</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Podatki prodajalca</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Glejte tudi