Labeling Form Inputs
Labels (<label>) are essential for linking text labels with form input elements, enhancing accessibility and user-friendliness. It's crucial that the for attribute of the <label> tag matches the id attribute of the associated input element.
Example:
<label for="username">Username:</label>
<input type="text" id="username" />
In the example above:
- When you click the
Username:label, it will automatically focus on the corresponding input field; - The
labelandinputare linked together using theforandidattributes, respectively; - Both
forandidattributes have the same value (username).
Let's make filling in the form easier by adding labels to the inputs from the previous example.
index.html
1. What attribute of the <label> tag is used to associate it with a specific <input> element in a form?
2. What attribute is missing for the input element that needs to be associated with the label element?
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Fantastiskt!
Completion betyg förbättrat till 2.86Labeling Form Inputs
Svep för att visa menyn
Labels (<label>) are essential for linking text labels with form input elements, enhancing accessibility and user-friendliness. It's crucial that the for attribute of the <label> tag matches the id attribute of the associated input element.
Example:
<label for="username">Username:</label>
<input type="text" id="username" />
In the example above:
- When you click the
Username:label, it will automatically focus on the corresponding input field; - The
labelandinputare linked together using theforandidattributes, respectively; - Both
forandidattributes have the same value (username).
Let's make filling in the form easier by adding labels to the inputs from the previous example.
index.html
1. What attribute of the <label> tag is used to associate it with a specific <input> element in a form?
2. What attribute is missing for the input element that needs to be associated with the label element?
Tack för dina kommentarer!
