Radio buttons checked by default

HTML-CSS
1

Tell us what’s happening:
I got to the part where you add the checked by default. It says to put the checked in so that the first choice is checked. I put in the code and the boxes are checked like they are supposed to be. When I run the test it says not to change the inner text of the indoor label so I can’t see what is wrong. Can anyone explain this to me?

  **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" value="loving"checked> 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 (X11; CrOS x86_64 12239.92.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.136 Safari/537.36

Challenge: Check Radio Buttons and Checkboxes by Default

Link to the challenge:

2

Place checked at the end. It might be erroring because there isn’t a space between the end quote. Try both running the test after putting a space after the end quote and placing the checked property at the very end of the open tag, before the >.

I’m interested to see if just a space causes it to pass. checked should really be at the end.

3

Try resetting the lesson and then type this:
<label><input type="radio" checked> Input</label>
<label><input type="radio" > Input</label>
<label><input type="checkbox" checked> Input</label>
<label><input type="checkbox"> Input</label>

Place checked at the end of input tag, i.e. right before the arrow closes

4

I’ve tried putting the checked there already. It didn’t change anything.

5

I can’t do that cause then it changes the whole thing and puts in more input boxes.

6

I tried doing your challenge and all I had to do was type checked at the end of input tag. You should reset It cause you’re not able to find the error and fixing that error could be tedious , so reset it and just type checked, simple

1 Like
7

I agree, reset the challenge, then put checked at the end and test it.

8

Where did you type it at because I’ve already tried resetting it twice and it hasn’t changed the result.

9

Check this:

<label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"checked> 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" value="loving" checked> 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>
10

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