Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Merking av skjemainndata | Tabeller og Skjemaer
HTML-Grunnleggende

bookMerking av skjemainndata

Etiketter (<label>) er avgjørende for å knytte tekstetiketter til skjemainndataelementer, noe som forbedrer tilgjengelighet og brukervennlighet. Det er viktig at for-attributtet til <label> -taggen samsvarer med id -attributtet til det tilknyttede input -elementet.
Eksempel:

<label for="username">Username:</label>
<input type="text" id="username" />

I eksemplet ovenfor:

  • Når du klikker på etiketten Username:, vil det automatisk fokusere på det tilhørende inndatafeltet;
  • label og input er koblet sammen ved hjelp av henholdsvis for- og id-attributtene;
  • Både for- og id-attributtene har samme verdi (username).

Gjør utfylling av skjemaet enklere ved å legge til etiketter til feltene fra forrige eksempel.

index.html

index.html

copy

1. Hvilket attributt i <label>-taggen brukes for å knytte den til et spesifikt <input>-element i et skjema?

2. Hvilket attributt mangler for input-elementet som må knyttes til label-elementet?

question mark

Hvilket attributt i <label>-taggen brukes for å knytte den til et spesifikt <input>-element i et skjema?

Select the correct answer

question mark

Hvilket attributt mangler for input-elementet som må knyttes til label-elementet?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 6

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

Suggested prompts:

Can you show me the previous example so I can add the labels?

Which input fields do you want to add labels to?

Do you want any specific text for the labels?

bookMerking av skjemainndata

Sveip for å vise menyen

Etiketter (<label>) er avgjørende for å knytte tekstetiketter til skjemainndataelementer, noe som forbedrer tilgjengelighet og brukervennlighet. Det er viktig at for-attributtet til <label> -taggen samsvarer med id -attributtet til det tilknyttede input -elementet.
Eksempel:

<label for="username">Username:</label>
<input type="text" id="username" />

I eksemplet ovenfor:

  • Når du klikker på etiketten Username:, vil det automatisk fokusere på det tilhørende inndatafeltet;
  • label og input er koblet sammen ved hjelp av henholdsvis for- og id-attributtene;
  • Både for- og id-attributtene har samme verdi (username).

Gjør utfylling av skjemaet enklere ved å legge til etiketter til feltene fra forrige eksempel.

index.html

index.html

copy

1. Hvilket attributt i <label>-taggen brukes for å knytte den til et spesifikt <input>-element i et skjema?

2. Hvilket attributt mangler for input-elementet som må knyttes til label-elementet?

question mark

Hvilket attributt i <label>-taggen brukes for å knytte den til et spesifikt <input>-element i et skjema?

Select the correct answer

question mark

Hvilket attributt mangler for input-elementet som må knyttes til label-elementet?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 6
some-alt