Create a set of checkboxes - Basic HTML and HTML5

HTML-CSS
1

My answer is not being accepted. I dont know where I’ve gone wrong. I’ve tried with/without id tags. Please help!

<h2>CatPhotoApp</h2>

<main>

  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>

  <ul>

    <li>cat nip</li>

    <li>laser pointers</li>

    <li>lasagna</li>

  </ul>

  <p>Top 3 things cats hate:</p>

  <ol>

    <li>flea treatment</li>

    <li>thunder</li>

    <li>other cats</li>

  </ol>

  <form action="https://freecatphotoapp.com/submit-cat-photo">

    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>

    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>

    

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

    

    <label for="unloving"><input id="unloving" type="checkbox" name="personality">unloving</label>

    

    <label for="other"><input id="other" type="checkbox" name="personality">other</label>

    

    <input type="text" placeholder="cat photo URL" required>

    <button type="submit">Submit</button>

  </form>

</main>
2

HI @JamCampbell7 !

I have edited your post to include the link for the challenge.
In the future, if you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It 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.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

3

found the problem.

it is here

That is not valid html.
You need to remove the equals sign

4

Thank you so much, much appreciated. It’s so obvious now you’ve pointed it out haha. I will post more clearly in future, apologies I was losing my mind haha.

1 Like
5

No worries, it happens to all of us :grinning:

2 Likes
6

yaah, this is correct :sweat_smile:

1 Like
7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.