> Forside > Form grupper (fieldsets)

HTML guide

Form grupper (fieldsets)

Dette eksempel illustrerer brugen af fieldset og simple formularfelter.

Fieldsets bruges til at gruppere indhold i formularer, så grupperne får visuel sammenhæng.

Fieldset eksempel

Personoplysninger

Indtast personlige oplysninger



Firmaoplysninger

Indtast oplysninger om ansættelse



HTML markup til disse eksempler

HTML markup for de to fieldsets 
<div class="fieldset">
  <fieldset>
    <legend><span>Personoplysninger</span></legend>
    <p>Indtast personlige oplysninger</p>
    <label>Navn<span class="req">*</span><br/>
      <input type="text" id="navn" name="navn" class="text" value=""/>
    </label><br/>
    <label>email<span class="req">*</span><br/>
      <input type="text" id="email" name="email" class="text" value=""/>
    </label><br/>
  </fieldset>
</div>

<div class="fieldset">
  <fieldset>
    <legend><span>Firmaoplysninger</span></legend>
    <p>Indtast oplysninger om ansættelse</p>
    <label>Firmanavn<span class="req">*</span><br/>
      <input type="text" id="firma" name="firma" class="text" value=""/>
    </label><br/>
    <label>CVR-nummer<span class="req">*</span><br/>
      <input type="text" id="cvr" name="cvr" class="text" value=""/>
    </label><br/>
  </fieldset>
</div>