Skjemainndata er hovedmåten brukere legger inn informasjon på. HTML tilbyr mange ulike inputtyper avhengig av hvilke data du trenger.

Vanlige inputtyper

Tekstfelt

Utformet for kort tekstlig datainntasting, som brukernavn, e-postadresser eller korte meldinger.

<input type="text" />

Passordfelt

Brukes for passordinntasting, der tegn maskeres av sikkerhetsgrunner.

<input type="password" />

E-postfelt

Brukes for å samle inn e-postadresser fra brukere. Utfører klientsidevalidering for å sikre at den oppgitte verdien har gyldig e-postformat.

<input type="email" />

Telefonfelt

Brukes for å samle inn telefonnumre fra brukere.

<input type="tel" />

Nummerfelt

Brukes for å samle inn numeriske data fra brukere. Viser et numerisk tastatur på mobile enheter.

<input type="number" />

Avkrysningsboks

Lar brukere velge ett eller flere alternativer fra en liste med valg. Egnet for situasjoner der flere valg er tillatt, for eksempel å velge flere elementer fra en liste eller godkjenne vilkår og betingelser.

<input type="checkbox" />

Radioknapp

Lar brukere velge ett alternativ fra en liste med gjensidig utelukkende valg. Egnet for situasjoner der kun ett alternativ skal velges, for eksempel kjønn eller valg av betalingsmetode.

<input type="radio" />

Filopplasting

Gjør det mulig for brukere å laste opp filer fra enheten sin, velge fra det lokale filsystemet, og sende dem inn sammen med skjemadata. Denne funksjonen er spesielt nyttig ved vedlegg av dokumenter eller bilder.

<input type="file" />

Dato-, tids- og dato/tids-inndata

Gjør det mulig for brukere å angi datoer, klokkeslett eller begge deler. Gir brukervennlige grensesnitt for valg av dato og tid.

<input type="date" />
<input type="time" />
<input type="datetime-local" />

Skriv inn noe i feltene, og de vil foreslå ulike alternativer. Ingen data vil bli samlet inn.

Du har kanskje lagt merke til at det ikke er særlig brukervennlig å fylle ut skjemaet når du ikke forstår hva som skal fylles inn i hvert felt. Derfor kommer etikettene oss til hjelp.