Create a Set of Checkboxes NEED HELP

Create a Set of Checkboxes NEED HELP
0

#1

Tell us what’s happening:
please i need help, it telling me
each of your three checkbox elements should be nested in its own label element.
and Give your checkboxes the name attribute of personality

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="/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>
 <lable for="loving"><input id="loving"type="checkbox"name="personality"Loving</lable> 
 <lable for="sleepy"><input id="sleepy"type="checkbox"name="personality"Sleepy</lable>
 <lable for="mean"><input id="sleepy"type="checkbox"name="personality"Mean</lable>  
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes


#2

You seem to have forgotten to close the checkbox input tags with “>”.


#3

Please can i get one example


#4

You’ve spelled the tags wrong, instead try changing them to “label” instead of “lable”, and also the input tag inside the label should be closed, and also adding a space between each attribute in the input tag. So you’re checkbox section should be this:


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

Hope this helps, happy coding and good luck!!


#5

thanks for the correction.


#6

thanks for the correction
:grinning::grinning::grinning: