Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

I have read all other blogs on the topic about this specific step but I still seem to do something wrong and can’t figure out what… The question is Step 56

There’s another way to associate an input element’s text with the element itself. You can nest the text within a label element and add a for attribute with the same value as the input element’s id attribute.

Associate the text Loving with the checkbox by only nesting the text Loving in a label element and place it to the right side of the checkbox input element.

My code is:
Loving

The console states that I do not have a for statement… In my opinion i processed this correctly. Maybe someone can help me?

Thanks a lot!

2

could you post the code here?

4 
<input id="loving" type="checkbox"> <label for="loving">Loving</label>
5

Yes this code is correct. Have you made any other changes in the already given code?

6

input should rather be nested in label

<label for="loving"><input id="loving" type="checkbox">Loving</label>
7

This is not required in this challenge.

8

You mean the code prior to the challenge?

9

label cant be nested in input. it has to be other way round

10

Thank you, finally got it! :slight_smile:

1 Like
11

can you share answer

12

In the code there was already a <input id="loving" type="checkbox"> which had to be removed. Otherwise it made two checkboxes, and it only requires one!