"checked" box for radio and checkbox

HTML-CSS
1

I am trying to use a “checked” box for my first radio and first checkbox code but it is not letting me move on. I tried it a few different ways than I left the code the way the helpful video explained it and still nothing. It is probably something simple I can’t see/figure out.

  **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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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://www.freecatphotoapp.com/submit-cat-photo">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" checked> value="indoor"> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality" checked> value="loving"> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36

Challenge: Check Radio Buttons and Checkboxes by Default

Link to the challenge:

2

Do you see the two error messages in the console output below the editor pane? They are telling you exactly what the problem is. You’ve accidentally added some stuff to two labels that you need to get rid of. If in doubt, you can click the “Reset All Code” button to get a fresh start.

2 Likes
3

Yop,

Just a small mistake, you put “checked” atribut with closing tag.
You dont need it cos the attribut “value” have already a closing tag.

Same things for “indoor” and “loving” label.

yes, in the console below you can see a error messages with your code.

// running tests You should not change the inner text of the

Indoor

label. You should not change the inner text of the

Loving

label. // tests completed

4

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