Problem with Checked default

HTML-CSS
#1

Hi! I’m at an empasse. I can’t go to the next challenge 'cause i have to put checked in the first radio button and in the first checkbox. I put the word checked in the form, but i don’t understand why they say to me that is wrong and i can’t change the inner text of the label. It’s a contraddiction ahah thank u for the help

  **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" 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><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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36

Challenge: Check Radio Buttons and Checkboxes by Default

Link to the challenge:

#3

Yeah so, I guess, you might want to just add a space after the " and checked term

<label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>

Thanks, and please tell me if it worked, and if not then also please reply, I would love to help you further
Animish

#4

When I post your code into the challenge it passes no problem.
Some extensions that change the appearence of websites as well as adblockers are known to sometimes cause issues with these tests.

#5

Yeah, external software and extensions tend to collide with the in-site text editor and tests

#6

Thank u! i tried but nothing change :confused:

#7

Try an incognito browser and see if that fixes it.

#8

i tried also that. i blocked adblock and the other extensions but the problem remains :frowning:

#9

thank u, but nothing happens ahahah i don’t know

#10

Can you give us the exact error message you’re receiving?

#11

et voilà: “You should not change the inner text of the Indoor label.”

1 Like
#12

Try removing the space before Indoor.

value="indoor"checked>Indoor</label>

That’s the only thing I can think of. If it still fails then it looks like you’ve encountered a bug.

#13

I’m having the same exact issue and that did not allow me to pass the test.

The odd thing is that in the results pane to the right I can see that “Indoor” and “Loving” have default checks, but it’s saying that I should not change the inner text of the Indoor label. Except the input section that I need to change is inside the label.

#14

Definitely sounds like a bug then! I’m sorry you’re both experiencing this. That’s definitely not the norm.

#15

I’m having the same issue and I know I typed it in right! Please let me know if anyone has a solution.

1 Like
#16

@lasbabbara, your version of Chrome is old. Try updating it.

On a related note, have you tried using a different browser?

#17

@stacymiller, to be sure you should use the Ask For Help button and open your own topic.

#18

thank u. now i’ll try !

#19

YAYYY! thank u, i resolved updating chrome !:smiley:

#20

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