> Forside > Særlige form elementer

HTML Guide

Særlige form elementer

Dette eksempel illustrerer brugen af særlige form elementer

Særlige elementer kan bruges, hvor de simple formularelementer ikke er tilstrækkelige.

Adresse

Readonly felt


Licensaccept

Bruges hvor der skal være en lang tekst på lille plads. Fx ved licensbetingelser, regler for brug, osv.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

HTML markup til særlige elementer

Adresse 
<label class="floatleft">Vejnavn
  <span class="req">*</span><br/>
  <input type="text" class="short text" value=""/>
</label>

<label class="floatleft">Husnr.
  <span class="req">*</span><br/>
  <input type="text" class="address_number text" value=""/>
</label>

<label class="floatleft">Etage<br/>
  <input type="text" class="address_floor text" value=""/>
</label>

<label class="floatleft">Side/Dør<br/>
  <input type="text" class="address_door text" value=""/>
</label>
<br class="clearfix" />

<label class="floatleft">Postnummer og by
  <span class="req">*</span><br/>
  <input type="text" class="short text" value=""/>
</label>

<label class="floatleft">Stednavn<br/>
  <input type="text" class="short text" value=""/>
</label>
<br class="clearfix" />

HTML markup til read-only felter

Readonly felt 
<label class="readonly">Readonly felt:
  <span>Label vises med fed, værdi på samme linie</span>
</label><br/>

<label class="readonly">Navn:
  <span>Vikki Larsen</span>
</label><br/>

HTML markup til licensaccept

Licensaccept 
<div class="legal_text">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
  <p>Duis aute irure dolor in reprehenderit in voluptate ...</p>
</div>
<p>
  <input type="submit" class="button short" value="Accepter"/>
  <input type="button" class="button" value="Annuller"/>
</p>