Input-tagget
Tagget input opretter forskellige elementer
i HTML-formularer: almindeligt indtastningsfelt, felt til
adgangskode, afkrydsningsfelt (checkbox),
radio knapper (radio), knap.
Tagget input skal placeres inde i tagget
form.
Dette er ikke strengt nødvendigt, men det er nødvendigt for at sende
data til serveren og efterfølgende behandle dem
via PHP.
Kræver ikke afsluttende tag.
Attributter
| Attribut | Beskrivelse |
|---|---|
type |
Angiver typen af indtastningsfelt. Se muligheder nedenfor. |
value |
Standardværdi i indtastningsfeltet. I tilfælde af en knap angiver den dens tekst.
Se mere i attributten value.
|
placeholder |
Hint i indtastningsfeltet, se mere i
attributten placeholder.
|
name |
Navnet på indtastningsfeltet. Nødvendigt for at hente feltets data i PHP. For at formularen fungerer korrekt, skal indtastningsfelternes navne ikke være ens (i én formular). Hvis de er ens, modtages data i PHP fra det indtastningsfelt, som er længere nede i HTML-koden. |
disabled |
Blokerer formularelementet (ikke kun input, men stort set ethvert),
se mere i attributten disabled.
|
Værdier for type-attributten
| Værdi | Beskrivelse |
|---|---|
text |
Opretter et almindeligt tekstindtastningsfelt. |
password |
Opretter et tekstindtastningsfelt til adgangskode. Prøv at indtaste tekst i det - det vises som stjerner. |
checkbox |
Opretter et afkrydsningsfelt (checkbox).
Se mere i checkbox.
|
radio |
Opretter en radio-knap.
Se mere i radio.
|
hidden |
Opretter et skjult input-felt, som ikke vil være synligt på skærmen, men som vil sende de data,
som er indeholdt i attributten value, til serveren.
|
button |
Opretter en knap. Et klik på denne knap
vil ikke sende formularen til serveren. Den kan bruges inde i et
link eller via JavaScript.
Som standard har knappen ingen tekst (eksempel på knap uden tekst: ),
den angives ved hjælp af value.
Se også tagget button,
som også laver en knap.
|
submit |
Opretter en knap, som vil sende data til serveren.
Knappens tekst afhænger af browseren, den kan skiftes
ved hjælp af value.
Se også tagget button,
som også laver en knap.
|
reset |
Opretter en knap, som rydder en udfyldt formular.
Knappens tekst afhænger af browseren, den kan skiftes
ved hjælp af value.
|
file |
Opretter en knap til valg af fil. Design af denne knap må ikke ændres
via CSS (men der findes smarte måder). Hvis du har brug for sådan et felt i en formular, skal
tagget form have attributten
enctype med værdien multipart/form-data.
|
Nye værdier for type-attributten i HTML5
Disse attributværdier er nye, de dukkede først op i HTML5, så i nogle browsere virker de muligvis ikke eller virker forskelligt i forskellige browsere.
Hvis browseren ikke kan forstå indholdet
af attributten type (for eksempel hvis den
ikke understøttes eller er indtastet forkert),
vil den betragte elementet som et almindeligt tekst-input,
som om der i type stod værdien
text.
Prøv eksemplerne nedenfor i
forskellige browsere. Prøv at indtaste
tekst i input-felterne og klik på afsendelsesknappen.
Hvis teksten er ukorrekt eller feltet er tomt -
vil browseren vise en fejl. For eksempel, hvis der
i et felt med typen email indtastes en ukorrekt
email - vil browseren ikke lade dig sende formularen og
vil vise en fejlmeddelelse (fejlteksten
og dens udseende kan ikke ændres via html css).
Hvis feltet er tomt - vil browseren også vise en fejl,
dette opnås ved hjælp af attributten required:
| Værdi | Beskrivelse |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
