> Forside > Knapper

HTML Guide

Knapper

Dette eksempel illustrerer brugen af almindelige knapper i indberetninger.

Knapper anvendes typisk til afsendelse af formularer.

Der er mulighed for at anvende to varianter af knapper i Virk.dk portalen:

Den første er en standardknap, den anden kan benyttes i de tilfælde, hvor man ønsker yderligere markup eller design på knappen.

  1. <input type="submit" value="Ok" class="button" />
  2. <button></button>

De to typer illustreres nedenfor.

Knapper af typen "input"

Almindelig knap

Bemærk: knappen skal have tilføjet attributten: class="button" for at blive vist korrekt.

Markup for almindelig knap:

<p><input type="submit" value="Gem" class="button short" /></p>
Flere knapper

Bemærk: class="short" gør knappen bredere, f.eks. for at markere, at denne er den foretrukne handling, hvis der er flere knapper.


Markup for flere knapper:

<p>
	<input type="submit" value="Gem" class="button floatleft short" />
	<input type="button" value="Annuller" class="button floatleft" />
</p>

Avancerede knapper

Avanceret knap

Elementet "button" benyttes for elementer, der skal styles individuelt. F.eks. elementer der bl.a. indeholder formateret tekst eller ikoner.

Bemærk: Der skal sættes type="submit" på knappen, hvis knappen skal fungere som en standard "submit" knap.

Markup for avanceret knap:

<button class="short" type="submit">
	Søg <strong>kun i</strong> denne mappe
</button>