What could be the problem with my check box code

the code i wrote below is refusing to run , but i can’t find the error.

  **Your code so far**

<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>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
  <label>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving
  </label>
 <label> 
<label for="sleepy"><input id="sleepy" type="checkbox" name="personality"> sleepy
</label>
<label>
<label for="playfull"><input id="playfull" type="checkbox" name="personality"> playfulll
</label>

</form>
</main>
  **Your browser information:**

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

Challenge: Create a Set of Checkboxes

Link to the challenge:

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

try adding this in label element.

Curriculum

What could be the problem with my check box code

HTML-CSS

Apr 5

2 / 3

Apr 5

4m ago

babybanda

2h

the code i wrote below is refusing to run , but i can’t find the error.

  **Your code so far**
<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>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
  <label>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving
  </label>
 <label> 
<label for="sleepy"><input id="sleepy" type="checkbox" name="personality"> sleepy
</label>
<label>
<label for="playfull"><input id="playfull" type="checkbox" name="personality"> playfulll
</label>

</form>
</main>
  **Your browser information:**

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

Challenge: Create a Set of Checkboxes

Link to the challenge:

freecodecamp.org

freeCodeCamp.org

Learn to Code — For Free

1

Reply

  • created

2h

  • [

last reply

](What could be the problem with my check box code - #3 by n000b1)

4m

  • 1

reply

  • 4

views

  • 1

user

rajat310

1h

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

try adding this in label element.

freecodecamp.org

freeCodeCamp.org

Learn to Code — For Free

Reply

n000b1

1h

unnecessary label

thanks let me get rid and see if it works

1 Like

Heya @n000b1 - it looks like you ended up with a lot of visual artifacts from copy-pasting. Could you please edit your post to make it more readable?
Thanks!

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