Summary  
This chapter covers customizing HTML input elements using attributes like value, autofocus, required, and placeholder to control default content, focus behavior, validation requirements, and helper text.

General domain of usage  
Web form design

HTML-`<input>`-elementer kan tilpasses med attributter som endrer hvordan de oppfører seg. Nedenfor er noen av de mest brukte.

## value
Angir startverdien for et input-felt.
- For knapper: definerer knappeteksten;
- For tekst-/passordfelt: angir standardtekst;
- For avkrysningsbokser/radioknapper: angir verdien som sendes når valgt.

`value` kan ikke brukes med `type="file"`.

Merk

PGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPGlucHV0IHR5cGU9ImJ1dHRvbiIgdmFsdWU9IkNsaWNrIE1lIiAvPgogIDxpbnB1dCB0eXBlPSJ0ZXh0IiB2YWx1ZT0iRGVmYXVsdCBUZXh0IiAvPgogIDxpbnB1dCB0eXBlPSJjaGVja2JveCIgdmFsdWU9Im5ld3NsZXR0ZXIiIC8+CjwvZm9ybT4=

## autofocus
Fokuserer automatisk på et inputfelt når siden lastes.

Dette fungerer ikke i eksempelet under fordi siden ikke lastes på nytt når du trykker Kjør kode.

PGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPGxhYmVsIGZvcj0icXVlc3Rpb24iPllvdXIgcXVlc3Rpb248L2xhYmVsPgogIDxpbnB1dCB0eXBlPSJ0ZXh0IiBpZD0icXVlc3Rpb24iIGF1dG9mb2N1cyAvPgogIAogIDxsYWJlbCBmb3I9Im5hbWUiPllvdXIgTmFtZTwvbGFiZWw+CiAgPGlucHV0IHR5cGU9InRleHQiIGlkPSJuYW1lIiAvPgo8L2Zvcm0+

## required
Gjør et inputfelt obligatorisk. Skjemaet kan ikke sendes inn før feltet er fylt ut.

PGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPGxhYmVsIGZvcj0iZW1haWwiPkVtYWlsPC9sYWJlbD4KICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImVtYWlsIiByZXF1aXJlZCAvPgogIAogIDxsYWJlbCBmb3I9InBhc3N3b3JkIj5QYXNzd29yZDwvbGFiZWw+CiAgPGlucHV0IHR5cGU9InBhc3N3b3JkIiBpZD0icGFzc3dvcmQiIHJlcXVpcmVkIC8+CiAgCiAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlJlZ2lzdGVyPC9idXR0b24+CjwvZm9ybT4=

## placeholder
Viser hjelpetekst inne i feltet til brukeren begynner å skrive. Nyttig for formater som telefonnumre eller kortdetaljer.

PGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPGxhYmVsIGZvcj0icGhvbmUiPlBob25lIE51bWJlcjwvbGFiZWw+CiAgPGlucHV0IHR5cGU9InRlbCIgaWQ9InBob25lIiBwbGFjZWhvbGRlcj0iKzEtKFhYWClYWFgtWFhYIiAvPgogIAogIDxsYWJlbCBmb3I9ImNhcmQiPkNhcmQgZGV0YWlsczwvbGFiZWw+CiAgPGlucHV0IHR5cGU9InRleHQiIGlkPSJjYXJkIiBwbGFjZWhvbGRlcj0iWFhYWC1YWFhYLVhYWFgtWFhYWCIgLz4KICAKICA8YnV0dG9uIHR5cGU9InN1Ym1pdCI+TWFrZSBQYXltZW50PC9idXR0b24+CjwvZm9ybT4=

Hvert eksempel bruker ulike `type`-attributter, som påvirker hvordan feltet oppfører seg. Du vil utforske inputtyper i neste kapittel.

Hvilken attributt brukes til å angi standardverdien for et input-element?

Hvilken attributt brukes til å angi et hint eller et eksempel på forventet verdi for et `input`-element?

Hvilken attributt brukes til å angi at et input-felt må fylles ut før skjemaet sendes inn?

Lær det grunnleggende i HTML (HyperText Markup Language), grunnlaget for webutvikling. Dette nybegynnervennlige kurset dekker tags, attributter, elementer og strukturering av nettsider. Få praktiske ferdigheter i å lage overskrifter, avsnitt, lister, bilder, lenker, skjemaer og tabeller. Utforsk beste praksis, optimalisering og webtilgjengelighet. Start din webutviklingsreise med HTML.

Utforsk hvordan nettet fungerer. Lær hvordan data reiser over nettverk, oppdag rollen til protokoller, og løs mysteriene med IP-adresser og domenenavn. Få en overordnet forståelse av hvordan nettlesere og servere kommuniserer for å levere nettinnhold.

Oppdag kraften i koder for å strukturere innhold, fra overskrifter og avsnitt til lister og tabeller. Lær hvordan du kan forbedre elementene med attributter.

Kjernen i HTML-dokumentstrukturen. Lær komponentene i et HTML-dokument, inkludert doctype-erklæringen, head og body. Forstå formålet med hvert element og hvordan de bidrar til den overordnede strukturen på en nettside.

Gjør en nettside mer tiltalende ved hjelp av media som bilder, lyd og video. Arbeid med strukturert tabulær data i form av tabeller.

Utforsk allsidigheten til HTML-skjemaer. Lær å designe intuitive og brukervennlige skjemaer ved å utnytte nøkkelkonsepter og teknikker. Oppdag hvordan skjemaer muliggjør brukerinteraksjon og datasending på nettsteder.

Forbedring av Skjemaer med Input-attributter

value

autofocus

required

placeholder

1. Hvilken attributt brukes til å angi standardverdien for et input-element?

2. Hvilken attributt brukes til å angi et hint eller et eksempel på forventet verdi for et `input`-element?

3. Hvilken attributt brukes til å angi at et input-felt må fylles ut før skjemaet sendes inn?