Make sure each of your label element has closing tag but it already does?!

Tell us what’s happening:

   **Your code so far**

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

 <a href="#"><img src="" alt="A cute orange cat lying on its back."></a>

 <p>Things cats love:</p>
   <li>cat nip</li>
   <li>laser pointers</li>
 <p>Top 3 things cats hate:</p>
   <li>flea treatment</li>
   <li>other cats</li>
 <form action="">
   <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>
     <input type="checkbox" name="personality">
    <input type="checkbox" name="personality">
    <input type="checkbox" name="personality">
   **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.90 Safari/537.36.

Challenge: Create a Set of Checkboxes

Link to the challenge:

Work on the failed test cases.
Your errors are following :

  1. Your page should have three checkbox elements.

  2. Each of your three checkbox elements should be nested in its own label element.

  3. Your checkboxes should be given the name attribute of personality .

The others are passed successfully -
Passed - Make sure each of your label elements has a closing tag.

Passed - Each of your checkboxes should be added within the form tag.

1 Like

thank you so much I was stuck on this :slight_smile:

there is an outlier here

1 Like

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