Brug af Formularinput
Formularinput 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 kort tekstbaseret dataindtastning, såsom brugernavne, e-mailadresser eller korte beskeder.
<input type="text" />
Passwordfelt
Anvendes til adgangskoder, hvor tegn maskeres af sikkerhedshensyn.
<input type="password" />
E-mailfelt
Anvendes til indsamling af e-mailadresser fra brugere. Udfører klientvalidering 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 én mulighed skal vælges, såsom valg af køn eller valg af betalingsmetode.
<input type="radio" />
Filinput
Muliggør upload af filer fra brugerens enhed, valg fra det lokale filsystem og indsendelse sammen med formularens data. Denne funktion er især nyttig ved vedhæftning af dokumenter eller billeder.
<input type="file" />
Dato-, tids- og datetime-input
Muliggør indtastning af datoer, tidspunkter eller begge dele. Giver brugervenlige grænseflader til valg af dato og tid.
<input type="date" />
<input type="time" />
<input type="datetime-local" />
Indtast noget i felterne, og de vil foreslå forskellige muligheder. Ingen data bliver indsamlet.
index.html
Du har måske bemærket, at det ikke er særlig praktisk at udfylde formularen, når du ikke forstår, hvad der bliver spurgt om i hvert felt. Derfor hjælper etiketter os.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Can you explain how to properly link a label to an input in HTML?
What are some best practices for using different input types in forms?
Can you show an example of a complete form with labels and various input types?
Fantastisk!
Completion rate forbedret til 2.86Brug af Formularinput
Stryg for at vise menuen
Formularinput 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 kort tekstbaseret dataindtastning, såsom brugernavne, e-mailadresser eller korte beskeder.
<input type="text" />
Passwordfelt
Anvendes til adgangskoder, hvor tegn maskeres af sikkerhedshensyn.
<input type="password" />
E-mailfelt
Anvendes til indsamling af e-mailadresser fra brugere. Udfører klientvalidering 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 én mulighed skal vælges, såsom valg af køn eller valg af betalingsmetode.
<input type="radio" />
Filinput
Muliggør upload af filer fra brugerens enhed, valg fra det lokale filsystem og indsendelse sammen med formularens data. Denne funktion er især nyttig ved vedhæftning af dokumenter eller billeder.
<input type="file" />
Dato-, tids- og datetime-input
Muliggør indtastning af datoer, tidspunkter eller begge dele. Giver brugervenlige grænseflader til valg af dato og tid.
<input type="date" />
<input type="time" />
<input type="datetime-local" />
Indtast noget i felterne, og de vil foreslå forskellige muligheder. Ingen data bliver indsamlet.
index.html
Du har måske bemærket, at det ikke er særlig praktisk at udfylde formularen, når du ikke forstår, hvad der bliver spurgt om i hvert felt. Derfor hjælper etiketter os.
Tak for dine kommentarer!
