Taggen fieldset

Taggen fieldset grupperar fält i ett HTML- formulär.

Resultatet omges med en ram, och en etikett, som skapas med taggen legend, bryter denna ram och skapar en unik effekt som inte kan återskapas med andra medel (se exempel).

Om du tilldelar taggen legend några CSS-stilar för positionering (float, position osv.), kommer dess innehåll att lämna ramen och placera sig på rätt plats (ramens brytning kommer då inte längre att finnas kvar).

Exempel

Låt oss dela upp formuläret i två logiska block med hjälp av två fieldset-taggar:

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

  • egenskapen border,
    som kan användas för att sätta en ram runt ett block