Bhimbo
February 4, 2022, 5:54am
1
Tell us what’s happening:
Describe your issue in detail here.
**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"> 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"> 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/78.0.3904.108 Safari/537.36
Challenge: Check Radio Buttons and Checkboxes by Default
Link to the challenge:
Here’s your error:
Your first radio button on your form should be checked by default.
Oh, you need your first radio button to be checked by default. But how do you do that? Let’s read the instructions!
You can set a checkbox or radio button to be checked by default using the checked
attribute.
To do this, just add the word checked
to the inside of an input element.
How about you try to add the word checked
to the inside of the the first radio input, and then add the word checked
to the inside of the first checkbox input?
1 Like
Bhimbo
February 4, 2022, 6:16am
3
I Try but this is the result, sadly it didn’t passed
Please post your code instead of a picture. Pictures are hard to read. Thanks
Bhimbo
February 4, 2022, 6:28am
5
strong text This the code. As you can see in the screenshot I got 2/4 correct procedure. Please help me to find my wrongstrong text
**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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36
Challenge: Check Radio Buttons and Checkboxes by Default
Link to the challenge:
You changed something but I can’t see exactly what. I would reset the code and only add checked in the two specified elements.
Bhimbo
February 4, 2022, 6:37am
7
Yeah I try to reset the code and only 2/4 are correct, if you dont know, what I supposed to do? but thanks to your help, Im try to skip and come back later for more helps
Did you
Step 1) reset the code
Step 2) only add checked
and nothing else
When I do that, it works.
1 Like
The text you posted above works for me. If nothing seems to work on your end, it’s possible you have some browser extension that’s interfering with the page in some way. You could try disabling them.
2 Likes
system
Closed
August 5, 2022, 6:50pm
10
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.