Learn HTML by Building a Cat Photo App - Step 56

Tell us what’s happening:

I don’t know how to do step 56, can someone explain to me, please?

Your code so far

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 56

You lack the text to be nested (Loving) you might have deleted it. When you get the text back, you want to nest the text only, not the text plus the input tag, to do this, let your input tag come first, then the label element. You also have to check where you placed the for attribute, it should be in the opening tag of the label element and takes the same value as the input id.

2 Likes

It looks like there’s a small mistake in your HTML code. The for attribute in the <label> tag is used to associate the label with a specific form element using the id attribute. In your case, the for attribute is set to “Loving,” but there is no form element with the ID “Loving.”

Here’s a corrected version of your code:

htmlCopy code
Mod edit: removed

In this corrected code:

  • The for attribute in the <label> tag is set to “loving” to match the id of the associated checkbox.
  • The <input> tag is properly closed with >.
  • The label text “Loving” is placed after the checkbox input.

Make sure to use the correct id and for values to associate the label with the checkbox.

2 Likes

@Greg3232

Please do not try to provide code to pass the challenge

Thanks

2 Likes