Brug af formularinput

Formularfelter er den primære metode, hvorpå brugere indtaster information. HTML tilbyder mange forskellige inputtyper afhængigt af, hvilke data der skal indsamles.

Almindelige inputtyper

Tekstinput

Designet til indtastning af korte tekstdata, såsom brugernavne, e-mailadresser eller korte beskeder.

<input type="text" />

Password-felt

Anvendes til adgangskodeindtastning, hvor tegn maskeres af sikkerhedshensyn.

<input type="password" />

E-mail-felt

Anvendes til indsamling af e-mailadresser fra brugere. Udfører klient-side validering for at sikre, at den indtastede værdi har gyldigt e-mailformat.

<input type="email" />

Telefonfelt

Anvendes til indsamling af telefonnumre fra brugere.

<input type="tel" />

Nummerinput

Anvendes til indsamling af numeriske data fra brugere. Giver et numerisk tastatur på mobile enheder.

<input type="number" />

Afkrydsningsfelt

Giver brugere mulighed for at vælge en eller flere muligheder fra en liste. Velegnet til situationer, hvor flere valg er tilladt, såsom valg af flere elementer fra en liste eller accept af vilkår og betingelser.

<input type="checkbox" />

Radioknap

Giver brugere mulighed for at vælge én mulighed fra en liste af gensidigt udelukkende valg. Velegnet til situationer, hvor kun ét valg skal foretages, såsom valg af køn eller valg af betalingsmetode.

<input type="radio" />

Filinput

Muliggør, at brugere kan uploade filer fra deres enhed, vælge fra deres lokale filsystem og indsende dem sammen med formularens data. Denne funktion er især nyttig ved vedhæftning af dokumenter eller billeder.

<input type="file" />

Dato-input, tidsinput og dato-tidsinput

Muliggør, at brugere kan indtaste datoer, tidspunkter eller begge dele. Giver brugervenlige grænseflader til valg af datoer og tidspunkter.

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

Indtast noget i felterne, og de vil foreslå forskellige muligheder. Ingen data bliver indsamlet.

Du har måske bemærket, at det ikke er særlig praktisk at udfylde formularen, hvis du ikke forstår, hvad der bliver spurgt om i hvert felt. Derfor hjælper etiketter os.