Bruk av skjemainndata

Skjemainndata er hovedmåten brukere legger inn informasjon på. HTML tilbyr mange ulike inndatatyper avhengig av hvilke data som trengs.

Vanlige inndatatyper

Tekstfelt

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

<input type="text" />

Passordfelt

Brukes for passordinntasting, der tegnene skjules av sikkerhetsgrunner.

<input type="password" />

E-postfelt

Brukes for å samle inn e-postadresser fra brukere. Utfører validering på klientsiden for å sikre at den angitte 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. Gir 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 hvor 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 hvor kun ett alternativ skal velges, for eksempel kjønn eller valg av betalingsmetode.

<input type="radio" />

Filopplasting

Lar 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" />

Datoinput, Tidsinput og Dato- og tidsinput

Lar 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 blir samlet inn.

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