Eticheta legend

Eticheta legend specifică o legendă pentru gruparea câmpurilor unui formular HTML, realizată cu ajutorul etichetei fieldset.

Dacă se atribuie etichetei legend orice stil CSS pentru poziționare (float, position ș.a.m.d.), atunci conținutul său va părăsi rama și se va poziționa în locul corespunzător (în acest caz, nu va mai exista o ruptură în ramă).

Exemplu

Să împărțim formularul în două blocuri logice cu ajutorul a două etichete fieldset, iar legendele pentru blocuri să le realizăm cu ajutorul etichetei legend:

html<form>
  <fieldset>
    <legend>Datele cumpărătorului</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Datele vânzătorului</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Vedeți și