Legend-tagi

legend-tagi määrittää otsikon HTML-lomakkeen kenttäryhmälle, jonka on luonut fieldset-tagi.

Jos legend-tagille määritetään CSS-tyylejä sijainnille (float, position jne.), sen sisältö siirtyy kehyksestä pois ja asettuu haluttuun paikkaan (kehyksen katkos ei enää tällöin synny).

Esimerkki

Jaetaan lomake kahteen loogiseen lohkoon kahdella fieldset-tagilla, ja tehdään lohkojen otsikot legend-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