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

Why should the label tags line be placed after the input tags line? There is another order in example for task 56.

P.S. Sorry for my eng.

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.