Legend-taggen

Taggen legend sätter en undertext ovanför en gruppering av HTML-formulärfält, skapad med taggen fieldset.

Om man tilldelar taggen legend någon CSS-stil för positionering (float, position etc.), så kommer dess innehåll att lämna ramen och hamna på rätt plats (ett gap i ramen kommer då inte längre att finnas).

Exempel

Låt oss dela upp formuläret i två logiska block med hjälp av två fieldset-taggar, och skapa undertexter till blocken med taggen legend:

html<form>
  <fieldset>
    <legend>Köparens uppgifter</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Säljarens uppgifter</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Se även