Summary  
This chapter explains how to use various HTML input attributes—such as placeholder, name, value, required, disabled, readonly, and min/max—to improve input field functionality and enforce user input constraints.

General domain of usage  
Web form interfaces

Du kjenner allerede til bruk av input-felt og etiketter. Nå skal vi se på de mest nyttige attributtene som gjør input-feltene mer hjelpsomme og brukervennlige.

#### Placeholder 
Viser hinttekst inne i feltet.
```html
<input type="text" placeholder="Enter your email" />
```

#### Navn
Identifiserer feltet når skjemaet sendes inn.
```html
<input type="text" name="username" />
```

#### Verdi
Angir en standardverdi i feltet.
```html
<input type="tel" value="+1 (484) 298-9732" />
```

#### Obligatorisk
Forhindrer innsending av skjemaet hvis feltet er tomt.
```hml
<input type="password" required />
```

#### Deaktivert
Gjør feltet uredigerbart og ikke-interaktivt.
```html
<input type="text" value="New York" disabled />
```


#### Kun lesing
Viser en verdi som brukere kan kopiere, men ikke endre.
```html
<input type="text" value="USA" readonly />
```

#### Min og Maks
Angi grenser for numeriske inndata.
```html
<input type="number" min="21" max="99" />
```


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF0dHJpYnV0ZXMgZm9yIElucHV0IEVsZW1lbnRzPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxmb3JtIG9uc3VibWl0PSJyZXR1cm4gZmFsc2UiPgogICAgICA8bGFiZWwgZm9yPSJtYWlsIj5FbWFpbDo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0iZW1haWwiIGlkPSJtYWlsIiBuYW1lPSJtYWlsIiBwbGFjZWhvbGRlcj0iRW50ZXIgeW91ciBlbWFpbCIgcmVxdWlyZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0idXNlcm5hbWUiPlVzZXJuYW1lOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBpZD0idXNlcm5hbWUiIG5hbWU9InVzZXJuYW1lIj48YnI+CiAgICAgIAogICAgICA8bGFiZWwgZm9yPSJwaG9uZS1udW1iZXIiPlBob25lIG51bWJlcjo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGVsIiBpZD0icGhvbmUtbnVtYmVyIiBuYW1lPSJwaG9uZS1udW1iZXIiIHZhbHVlPSIrMSAoNDg0KSAyOTgtOTczMiI+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0icGFzc3dvcmQiPlBhc3N3b3JkOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJwYXNzd29yZCIgaWQ9InBhc3N3b3JkIiBuYW1lPSJwYXNzd29yZCIgcmVxdWlyZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0iY2l0eSI+Q2l0eTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNpdHkiIG5hbWU9ImNpdHkiIHZhbHVlPSJOZXcgWW9yayIgZGlzYWJsZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0iY291bnRyeSI+Q291bnRyeTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNvdW50cnkiIG5hbWU9ImNvdW50cnkiIHZhbHVlPSJVU0EiIHJlYWRvbmx5Pjxicj4KICAgICAgCiAgICAgIDxsYWJlbCBmb3I9ImFnZSI+QWdlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJudW1iZXIiIGlkPSJhZ2UiIG5hbWU9ImFnZSIgbWluPSIyMSIgbWF4PSI5OSI+PGJyPgogICAgICAKICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlNlbmQgRm9ybTwvYnV0dG9uPgogICAgPC9mb3JtPgogIDwvYm9keT4KPC9odG1sPg==

Hvilket attributt gir et hint eller eksempeltekst i et inndatafelt, og veileder brukeren om hvilken type inndata som forventes?

Hvilket attributt angir navnet på inndatafeltet, som brukes til å identifisere inndata når skjemaet sendes inn?

Hvilket attributt forhindrer innsending av skjemaet hvis det obligatoriske feltet er tomt?

Behersk det grunnleggende i HTML for å bygge godt strukturerte og tilgjengelige nettinnhold. Lær hvordan du strukturerer dokumenter ved hjelp av tagger, elementer og attributter. Arbeid trygt med tekst, lister, bilder, lyd og video for å berike nettsider. Lag tabeller for organisert data og skjemaer for brukerinnsending og interaksjon. Oppdag semantisk HTML for å forbedre tilgjengelighet og bygg komplette, funksjonelle nettsidestrukturer fra bunnen av.

Få en introduksjon til nettet og HTML, inkludert betydningen av tagger, elementer og attributter. Lær om den grunnleggende strukturen til et HTML-dokument og en kort historie om nettet.

Lær det grunnleggende om HTML-oppmerking, med fokus på spesiell tekstformatering og lister, og forstå deres betydning for strukturering av innhold i et HTML-dokument. Fordyp deg i detaljene rundt HTML-dokumentets struktur samtidig som du forbedrer teknikker for tekstoppmerking.

Lås opp kraften i visuelt og auditivt innhold i webutvikling ved å lære å integrere bilder, video og lyd-elementer sømløst i HTML-dokumenter. Utforsk nyansene ved å inkludere ulike medieformater.

Utforsk detaljene i datavisualisering og brukerinteraksjon med grundig dekning av tabeller og skjemaer i HTML, inkludert tabellstrukturer, opprettelse av skjemaer og inndataelementer. Oppnå ferdigheter i implementering av skjemainndataelementer og bruk av attributter for utvidet funksjonalitet.

Hev dine HTML-ferdigheter til neste nivå ved å utforske semantiske HTML-elementer, noe som gir deg mulighet til å lage godt strukturerte og tilgjengelige nettinnhold. Begynn å bygge ditt første nettsted og bruk ny kunnskap for å realisere dine ideer.

HTML-inndataattributter for Utvidet Funksjonalitet

Vanlige input-attributter

Placeholder

Navn

Verdi

Obligatorisk

Deaktivert

Kun lesing

Min og Maks

1. Hvilket attributt gir et hint eller eksempeltekst i et inndatafelt, og veileder brukeren om hvilken type inndata som forventes?

2. Hvilket attributt angir navnet på inndatafeltet, som brukes til å identifisere inndata når skjemaet sendes inn?

3. Hvilket attributt forhindrer innsending av skjemaet hvis det obligatoriske feltet er tomt?