HTML <input> etiket

Definition og brug

<input> Tag definerer et inputfelt, hvor brugeren kan indtaste data.

<input> Elementet er den vigtigste formelement.

<input> Elementet kan vises på flere måder, afhængigt af type egenskab.

Her er forskellige inputtyper:

  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="month">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">(standardværdi)
  • <input type="time">
  • <input type="url">
  • <input type="week">

Se type egenskabFor at se eksempler på hver inputtype!

Eksempel

HTML-formular med tre input-felter; to tekstfelter og en indsendelsesknap:

<form action="/action_page.php">
  <label for="fname">Fornavn:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Efternavn:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Indsend">
</form>

Prøv det selv

Tip og kommentarer

Tip:Brug altid <label>-tagget til at definere etiketter for følgende elementer:

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="password">

Egenskab

Egenskab Værdi Beskrivelse
accept
  • Filudvidelse
  • audio/*
  • video/*
  • image/*
  • Medietype

Definerer typen af fil, der skal indsendes via filoverførsel.

Definerer, hvilke filtyper brugeren kan vælge fra filindlæsningsdialogen (gælder kun for type="file").
alt Tekst Definerer alternativtekst til billedet (gælder kun for type="image").
autocomplete
  • on
  • off
 Definerer, om <input>-elementet skal have aktiveret automatisk fuldførelse.
autofocus autofocus Definerer, at <input>-elementet skal få fokus automatisk ved laden af siden.
checked checked Definerer, at <input>-elementet skal være forudvalgt ved laden af siden (gælder for type="checkbox" eller type="radio").
dirname inputname.dir Definerer tekstretningen, der skal indsendes.
disabled disabled Definerer, at <input>-elementet skal være deaktiveret.
form Formular id Definerer formularen, som <input>-elementet tilhører.
formaction URL Definerer URL'en, der skal håndtere inputkontrollens fil ved indsendelse af formularen (gælder for type="submit" og type="image").
formenctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 Specificerer, hvordan formulardata skal kodes, når den sendes til serveren (tilgængelig for type="submit" og type="image").
formmethod
  • get
  • post
 Definerer den HTTP-metode, der bruges til at sende data til action-URL (tilgængelig for type="submit" og type="image").
formnovalidate formnovalidate Definerer, at formularen ikke skal valideres, når den sendes.
formtarget
  • _blank
  • _self
  • _parent
  • _top
Frame-navn 		Specificerer, hvor svaret, der modtages efter at have sendt formularen, skal vises (tilgængelig for type="submit" og type="image").
height Pixel Specificerer højden på <input>-elementet (kun tilgængelig for type="image").
list datalist_id Refererer til <datalist>-elementet, der indeholder foruddefinerede valg for <input>-elementet.
max
  • tall
  • Dato
 Specificerer det maksimale værdi for <input>-elementet.
maxlength tall Specificerer det maksimale antal tegn, der er tilladt i <input>-elementet.
min
  • tall
  • Dato
 Specificerer det mindste værdi for <input>-elementet.
minlength tall Specificerer det mindste antal tegn, der er nødvendige i <input>-elementet.
multiple multiple Specificerer, at brugeren kan indtaste flere værdier i <input>-elementet.
name Tekst Specificerer navnet på <input>-elementet.
pattern Regulært udtryk Specificerer den regulære udtryk, der skal kontrolleres for værdien af <input>-elementet.
placeholder Tekst Specificerer en kort beskrivelse af den forventede værdi for <input>-elementet.
popovertarget Elementets id Specificerer, hvilket pop-up-element der skal kalde (kun tilgængelig for type="button").
popovertargetaction
  • hide
  • show
  • toggle
 Specificerer, hvad der sker, når du klikker på knappen (kun tilgængelig for type="button").
readonly readonly Specificerer, at inputfeltet er skrivebeskyttet.
required required Specificerer, at inputfeltet skal udfyldes, før formularen sendes.
size tall Specificerer bredden på <input>-elementet (i tegn).
src URL URL, der bruges til at specificere billedets URL som submit-knap (kun tilgængelig for type="image").
step
  • tall
  • any
 Angiver intervallet mellem gyldige tal i inputfeltet.
type
  • button
  • checkbox
  • color
  • date
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • search
  • submit
  • tel
  • text
  • time
  • url
  • week
 Angiver typen af <input>-elementet, der skal vises.
value Tekst Angiver værdien for <input>-elementet.
width Pixel Angiver bredden på <input>-elementet (kun til type="image").

Globale egenskaber

<input> Tagget understøtter også HTMLs globale egenskaber.

Eventegenskaber

<input> Tagget understøtter også HTMLs eventegenskaber.

Standard CSS-indstillinger

Ingen.

Browserunderstøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Relaterede sider

HTML-læring:

HTML DOM-referenceskema: