Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære HTML-inndataattributter for Utvidet Funksjonalitet | Tabeller og Skjemaer
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Grunnleggende

bookHTML-inndataattributter for Utvidet Funksjonalitet

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.

Vanlige input-attributter

Placeholder

Viser hinttekst inne i feltet.

<input type="text" placeholder="Enter your email" />

Navn

Identifiserer feltet når skjemaet sendes inn.

<input type="text" name="username" />

Verdi

Angir en standardverdi i feltet.

<input type="tel" value="+1 (484) 298-9732" />

Obligatorisk

Forhindrer innsending av skjemaet hvis feltet er tomt.

<input type="password" required />

Deaktivert

Gjør feltet uredigerbart og ikke-interaktivt.

<input type="text" value="New York" disabled />

Kun lesing

Viser en verdi som brukere kan kopiere, men ikke endre.

<input type="text" value="USA" readonly />

Min og Maks

Angi grenser for numeriske inndata.

<input type="number" min="21" max="99" />
index.html

index.html

copy

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?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 8

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

bookHTML-inndataattributter for Utvidet Funksjonalitet

Sveip for å vise menyen

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.

Vanlige input-attributter

Placeholder

Viser hinttekst inne i feltet.

<input type="text" placeholder="Enter your email" />

Navn

Identifiserer feltet når skjemaet sendes inn.

<input type="text" name="username" />

Verdi

Angir en standardverdi i feltet.

<input type="tel" value="+1 (484) 298-9732" />

Obligatorisk

Forhindrer innsending av skjemaet hvis feltet er tomt.

<input type="password" required />

Deaktivert

Gjør feltet uredigerbart og ikke-interaktivt.

<input type="text" value="New York" disabled />

Kun lesing

Viser en verdi som brukere kan kopiere, men ikke endre.

<input type="text" value="USA" readonly />

Min og Maks

Angi grenser for numeriske inndata.

<input type="number" min="21" max="99" />
index.html

index.html

copy

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?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 8
some-alt