Sist endret: 10. nov. 2024

Input

Inputfelt brukes når brukeren skal føre inn tekst eller tall.

Vanlig inputfelt

Retningslinjer:

  • Et inputfelt skal alltid ha en tilhørende label med forklarende tekst.
  • Ta en vurdering på om ekstra beskrivelser og hjelpetekster må kobles til input elementet.
  • To inputfelt kan plasseres ved siden av hverandre dersom de på et eller annet vis hører sammen. Se eksempel under.
  • Deaktivert felt bør unngås. Dersom et felt ikke kan redigeres bør informasjonen heller presenteres i tekst.

Eksempel på bruk:

Bredde på inputfelt

Bredden på inputfeltet burde reflektere det som forventes av input fra brukeren. Vi har laget tre standard størrelser som burde dekke de fleste scenarioer og som skal fungere på forskjellige skjermstørrelser. Les om hvordan du endrer størrelsen her

Lite input

Brukes til for eksempel telefonnummer, postnummer og årstall

"grid": {
    "xs": 12,
    "innergrid": {
        "xs":5,
        "sm":3, 
        "md":2
    }
}

Medium input

Brukes til for eksempel kommune og land

"grid": {
    "xs": 12,
    "innergrid": {
        "xs":8,
        "sm":6, 
        "md":6
    }      
}

Stor input

Brukes til for eksempel navn, e-post adresse og en URL

"grid": {
    "xs": 12,
    "innergrid": {
        "sm":10 
    }
}

Stort tekstfelt

Stort tekstfelt benyttes når brukeren skal fylle inn en lengre beskrivelse. De samme retningslinjene som inputfelt gjelder.

Eksempel på bruk:


Adresse

For adresse finnes det et fast oppsett der postnr og poststed er sidestilt under datofeltet. Postfelt fylles ut automatisk basert på postnr-input.

Eksempel på bruk: