Ga naar hoofdinhoud

Richtlijnen NL Design System voor fieldsets in een formulier

Groepeer formuliervelden die bij elkaar horen in een <fieldset> met een beschrijvende <legend>. Het voordeel hiervan is dat je zo de velden visueel, maar ook in de code aan elkaar koppelt.

De legend dient als de naam van de groep.

<fieldset>
  <legend>Kies je maat</legend>
  <input id="size-s" name="size" type="radio" value="small" />
  <label for="size-s">Small</label>
  <input id="size-m" name="size" type="radio" value="medium" />
  <label for="size-m">Medium</label>
  <input id="size-l" name="size" type="radio" value="large" />
  <label for="size-l">Large</label>
</fieldset>

Overzicht richtlijnen

Over deze richtlijnen

Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.

We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.