Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Undersøgelse af Forskellige Inputtyper i HTML | HTML-Formularer og Brugerinput
Ultimativ HTML

bookUndersøgelse af Forskellige Inputtyper i HTML

HTML tilbyder mange <input>-typer, der gør det muligt at indsamle forskellige former for brugerdata. Nedenfor findes et overblik over de mest almindelige typer.

E-mail og adgangskode

  • type="email": accepterer e-mailadresser og udfører grundlæggende validering i browseren;
  • type="password": skjuler de indtastede tegn af sikkerhedsmæssige årsager og kan anvende minlength og maxlength.
index.html

index.html

copy

Nummer

type="number": accepterer numeriske værdier. Brug min, max og step for at kontrollere det tilladte interval.

index.html

index.html

copy

Telefon

type="tel": til telefonnumre. Ingen indbygget validering. Udviklere validerer det manuelt.

index.html

index.html

copy

Afkrydsningsfelt

type="checkbox": muliggør valg af flere muligheder. Brug checked for at forudvælge.

index.html

index.html

copy

Radio

type="radio": vælger én mulighed fra en gruppe. Alle radio-knapper skal dele det samme name.

index.html

index.html

copy

Range-slider

type="range": en skyderkontrol til valg af et tal inden for et interval. JavaScript-logik udelades i dette kursus.

index.html

index.html

index.js

index.js

copy
Note
Bemærk

JavaScript-logik er udeladt i dette kursus.

Dato og tid

  • type="date": kalendervælger;
  • type="time": tidsvælger;
  • type="datetime-local": kombinerer tids- og datofelter.
index.html

index.html

copy
Note
Bemærk

For ensartet styling anvender udviklere ofte færdige UI-biblioteker i stedet for standard browser-vælgere.

Note
Læs Mere

Du har måske bemærket, at når du forsøger at udfylde visse felter, kan browseren allerede foreslå nogle autofyldningsmuligheder. Browseren husker de værdier, du har indtastet i felter, og foreslår dem derefter til dig for automatisk udfyldning.

question mark

Hvad er den primære forskel mellem inputfelterne type="email" og type="password"?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 5

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Suggested prompts:

Can you give examples of how to use each input type in HTML?

What are some best practices for validating user input with these types?

How do I style these input types with CSS?

bookUndersøgelse af Forskellige Inputtyper i HTML

Stryg for at vise menuen

HTML tilbyder mange <input>-typer, der gør det muligt at indsamle forskellige former for brugerdata. Nedenfor findes et overblik over de mest almindelige typer.

E-mail og adgangskode

  • type="email": accepterer e-mailadresser og udfører grundlæggende validering i browseren;
  • type="password": skjuler de indtastede tegn af sikkerhedsmæssige årsager og kan anvende minlength og maxlength.
index.html

index.html

copy

Nummer

type="number": accepterer numeriske værdier. Brug min, max og step for at kontrollere det tilladte interval.

index.html

index.html

copy

Telefon

type="tel": til telefonnumre. Ingen indbygget validering. Udviklere validerer det manuelt.

index.html

index.html

copy

Afkrydsningsfelt

type="checkbox": muliggør valg af flere muligheder. Brug checked for at forudvælge.

index.html

index.html

copy

Radio

type="radio": vælger én mulighed fra en gruppe. Alle radio-knapper skal dele det samme name.

index.html

index.html

copy

Range-slider

type="range": en skyderkontrol til valg af et tal inden for et interval. JavaScript-logik udelades i dette kursus.

index.html

index.html

index.js

index.js

copy
Note
Bemærk

JavaScript-logik er udeladt i dette kursus.

Dato og tid

  • type="date": kalendervælger;
  • type="time": tidsvælger;
  • type="datetime-local": kombinerer tids- og datofelter.
index.html

index.html

copy
Note
Bemærk

For ensartet styling anvender udviklere ofte færdige UI-biblioteker i stedet for standard browser-vælgere.

Note
Læs Mere

Du har måske bemærket, at når du forsøger at udfylde visse felter, kan browseren allerede foreslå nogle autofyldningsmuligheder. Browseren husker de værdier, du har indtastet i felter, og foreslår dem derefter til dig for automatisk udfyldning.

question mark

Hvad er den primære forskel mellem inputfelterne type="email" og type="password"?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 5
some-alt