Input-taggen

Taggen input oppretter ulike elementer i HTML-skjemaer: vanlige inndatafelt, felt for passordinndata, avmerkingsboks (checkbox), radioknapper (radio), knapp.

Taggen input skal ligge inne i taggen form. Dette er ikke obligatorisk, men nødvendig for å sende data til serveren og deretter behandle dem via PHP.

Krever ikke avsluttende tagg.

Attributter

Attributt	Beskrivelse
type	Definerer type inndatafelt. Se alternativer nedenfor.
value	Standardverdi i inndatafeltet. For en knapp angir den knappeteksten. Se mer i attributten value.
placeholder	Tips i inndatafeltet, se mer i attributten placeholder.
name	Navn på inndatafeltet. Nødvendig for å hente data fra inndatafeltet i PHP. For at skjemaet skal fungere korrekt, skal ikke inndatafeltenes navn være like (i ett skjema). Hvis de er like, vil dataene fra det inndatafeltet som er lengre nede i HTML-koden, bli mottatt i PHP.
disabled	Låser skjemaelementet (ikke bare input, men nesten hvilket som helst), se mer i attributten disabled.

Verdier for type-attributten

Verdi	Beskrivelse
text	Oppretter et vanlig tekstinndatafelt.
password	Oppretter et tekstinndatafelt for passord. Prøv å skrive inn tekst i det - det vil vises som stjerner.
checkbox	Oppretter en avmerkingsboks (checkbox). Se mer i checkbox.
radio	Oppretter en radioknapp. Se mer i radio.
hidden	Oppretter et skjult input-felt, som ikke vil være synlig på skjermen, men som vil sende dataene i attributten value til serveren.
button	Oppretter en knapp. Trykk på denne knappen vil ikke sende skjemaet til serveren. Den kan brukes inne i en lenke eller via JavaScript. Som standard har knappen ingen tekst (eksempel på knapp uten tekst: ), den angis ved hjelp av value. Se også taggen button, som også lager en knapp.
submit	Oppretter en knapp som vil sende data til serveren. Knappeteksten avhenger av nettleseren, den kan endres ved hjelp av value. Se også taggen button, som også lager en knapp.
reset	Oppretter en knapp som tømmer det fylte skjemaet. Knappeteksten avhenger av nettleseren, den kan endres ved hjelp av value.
file	Oppretter en knapp for filvalg. Det er forbudt å endre utseendet på denne knappen via CSS (men det finnes luråter). Hvis du trenger et slikt felt i skjemaet, må taggen form ha attributten enctype med verdien multipart/form-data.

Nye verdier for type-attributten i HTML5

Disse attributtverdiene er nye, de dukket opp først i HTML5, så i noen nettlesere kan de hende de ikke fungerer eller fungerer annerledes i ulike nettlesere.

Hvis nettleseren ikke forstår innholdet i attributten type (for eksempel hvis den ikke støttes eller er feilaktig skrevet inn), vil den behandle elementet som et vanlig tekstinput-felt, som om type hadde verdien text.

Se eksemplene nedenfor i ulike nettlesere. Prøv å skrive tekst i input-feltene og trykk på sendeknappen. Hvis teksten er ugyldig eller feltet er tomt - vil nettleseren vise en feilmelding. For eksempel, hvis du i et felt med type email skriver inn en ugyldig e-postadresse - vil ikke nettleseren la deg sende skjemaet og vil vise en feilmelding (feilmeldingsteksten og dens utseende kan ikke endres via html css). Hvis feltet er tomt - vil nettleseren også vise en feil, dette oppnås ved hjelp av attributten required:

Verdi	Beskrivelse
email
number
url
tel
search
color
date
month
week
datetime
datetime-local
range

Se også