> Forside > Forrige/næste knapper

HTML Guide

Forrige/Næste knapper

Dette eksempel illustrerer brugen af knapper til navigation mellem flere sider i en indberetning.

Har en indberetning flere sider, skal navigationen mellem siderne ske ved hjælp af knapper i bunden af indberetningen. Knappernes layout og tekst er fastlagt. Dette sikrer et ensartet layout og konformiteten bidrager til at Virk.dk's brugere hurtigt genkender navigationsprincipper ved nye indberetninger.

Standardknapperne 'forrige' og 'næste'

Almindelige knapper i et indberetningsforløb vises som illustreret nedenfor. Både forrige og næste er synlige og aktive i dette eksempel.

HTML-markup for 'forrige' og 'næste' knapper 
<p class="prevnext">
  <input type="button" value="Forrige" class="floatleft button prev" />
  <input type="submit" value="Næste"   class="floatright button next" />
</p>
<p><br class="clearfix" /></p>
Inaktivering af en eller flere knapper

Det første og sidste trin i en indberetning gør brug af inaktive knappper. Begge knapper er synlige, men kun den ene er aktiv!

Bemærk: Husk at sætte 'class' attributten til "disabled", men husk også at sætte disabled="disabled" på elementet.

HTML-markup for inaktive 'forrige' og 'næste' knapper 
<p class="prevnext">
  <input type="button" value="Forrige"
    class="floatleft button prev disabled" disabled="disabled" />
  <input type="submit" value="Næste" class="floatright button next" />
</p>
<p><br class="clearfix" /></p>

Bemærk: P-elementet under forrige/næste knapperne er valgfrit, da der som hovedregel ikke vil være andet under knapperne. (Da de er placeret nederst på siden).