Basic HTML Checkbox challenge, why is it saying they aren't within the form tag?

HTML-CSS
1

image
image1887Ă—921 255 KB

2

Hi @onyxglimmer !

Welcome to the forum!

Screenshots are hard to read when it comes to code.

Please write your code and the challenge link in the forum so we can help you.

Here is how to write code in the forum.

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 (’).

1 Like
3

Hi! :grinning: And thanks!

Ah, okay I think this is right. Here’s the challenge link and the rest is below https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes

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

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

  <label for "loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
  <label for "mean"><input id="mean" type="checkbox" name="personality">Mean</label>
  <label for "sleepy"><input id="sleepy" type="checkbox" name="personality">Sleepy</label>

  <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://www.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>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>

    <label for "loving"><input id="loving" type="checkbox" name="personality">Loving</label>
    <label for "mean"><input id="mean" type="checkbox" name="personality">Mean</label>
    <label for "sleepy"><input id="sleepy" type="checkbox" name="personality">Sleepy</label>
  </form>
</main>
4

Why do you have two sets of checkboxes?

Here is one set

and here is another

1 Like
5

Delete the one that is outside of the form tag you already have one inside the form tag

1 Like
6

Also you have syntax errors here

7

Well, I’m pretty embarrassed now :flushed: I think I pasted twice without noticing or something. Thank you!

8

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

1 Like
9

Well its taught me to be more careful anyway, thanks again!

10

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