Fieldset-tagi

fieldset-tagi ryhmittee lomakkeen kentät.

Tulos ympäröidään kehyksellä, ja legend-tagilla luotu kuvaus katkaisee tämän kehyksen, luoden muilla keinoilla toistamattoman efektin (katso esimerkki).

Jos legend-tagille määritetään CSS-tyylejä sijainnille (float, position jne.), sen sisältö siirtyy kehyksestä ja asettuu haluttuun paikkaan (kehystä ei enää katkaista).

Esimerkki

Jaetaan lomake kahteen loogiseen lohkoon kahdella fieldset-tagilla:

html<form>
  <fieldset>
    <legend>Asiakkaan tiedot</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Myyjän tiedot</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Katso myös