Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Forbedring av Skjemaer med Input-Attributter | HTML-Skjemaer og Brukerinput
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimate HTML

bookForbedring av Skjemaer med Input-Attributter

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.
Note
Merk

value kan ikke brukes med type="file".

index.html

index.html

copy

autofocus

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

Note
Merk

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

index.html

index.html

copy

required

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

index.html

index.html

copy

placeholder

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

index.html

index.html

copy
Note
Merk

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

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

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

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

question mark

Hvilket attributt brukes for å angi standardverdien for et input-element?

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 4

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

bookForbedring av Skjemaer med Input-Attributter

Sveip for å vise menyen

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.
Note
Merk

value kan ikke brukes med type="file".

index.html

index.html

copy

autofocus

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

Note
Merk

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

index.html

index.html

copy

required

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

index.html

index.html

copy

placeholder

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

index.html

index.html

copy
Note
Merk

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

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

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

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

question mark

Hvilket attributt brukes for å angi standardverdien for et input-element?

Select the correct answer

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 4
some-alt