Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Märkning av Formulärfält | Tabeller och Formulär
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Grunder

bookMärkning av Formulärfält

Etiketter (<label>) är avgörande för att koppla textetiketter till formulärfält, vilket förbättrar tillgänglighet och användarvänlighet. Det är viktigt att attributet for i <label> -taggen matchar attributet id i det associerade input -elementet.
Exempel:

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

I exemplet ovan:

  • När du klickar på etiketten Username:, kommer motsvarande inmatningsfält automatiskt att fokuseras;
  • label och input är länkade med hjälp av attributen for och id;
  • Både for och id har samma värde (username).

Gör det enklare att fylla i formuläret genom att lägga till etiketter till inmatningsfälten från föregående exempel.

index.html

index.html

copy

1. Vilket attribut på <label>-taggen används för att koppla den till ett specifikt <input>-element i ett formulär?

2. Vilket attribut saknas för input-elementet som behöver kopplas till label-elementet?

question mark

Vilket attribut på <label>-taggen används för att koppla den till ett specifikt <input>-element i ett formulär?

Select the correct answer

question mark

Vilket attribut saknas för input-elementet som behöver kopplas till label-elementet?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 6

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.86

bookMärkning av Formulärfält

Svep för att visa menyn

Etiketter (<label>) är avgörande för att koppla textetiketter till formulärfält, vilket förbättrar tillgänglighet och användarvänlighet. Det är viktigt att attributet for i <label> -taggen matchar attributet id i det associerade input -elementet.
Exempel:

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

I exemplet ovan:

  • När du klickar på etiketten Username:, kommer motsvarande inmatningsfält automatiskt att fokuseras;
  • label och input är länkade med hjälp av attributen for och id;
  • Både for och id har samma värde (username).

Gör det enklare att fylla i formuläret genom att lägga till etiketter till inmatningsfälten från föregående exempel.

index.html

index.html

copy

1. Vilket attribut på <label>-taggen används för att koppla den till ett specifikt <input>-element i ett formulär?

2. Vilket attribut saknas för input-elementet som behöver kopplas till label-elementet?

question mark

Vilket attribut på <label>-taggen används för att koppla den till ett specifikt <input>-element i ett formulär?

Select the correct answer

question mark

Vilket attribut saknas för input-elementet som behöver kopplas till label-elementet?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 6
some-alt