Learn HTML by Building a Cat Photo App - Step 61

HTML-CSS
1

I’ve added the checked attribute to the first radio and checkbox as requested, but am now receiving this error: Make sure there still are two radio buttons and three checkboxes nested in their respective fieldset elements.

<fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
</fieldset>
<fieldset>
            <legend>What's your cat's personality?</legend>
            <label><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
            <label><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
            <label><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label>

<!-- User Editable Region -->

<fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked > Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
</fieldset>
<fieldset>
            <legend>What's your cat's personality?</legend>
            <label><input id="loving" type="checkbox" name="personality" value="loving" checked > Loving</label>
            <label><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
            <label><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label>
</fieldset>


<!-- User Editable Region -->

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36 Edg/109.0.1518.52

Challenge: Learn HTML by Building a Cat Photo App - Step 61

Link to the challenge:

2

hmm, your code looks very very wrong.

You have 6 checkboxes instead of 3 and 4 radio buttons instead of 2.

Why don’t you reset and try again?

4

Not sure why it copied that way, but I have two radio buttons and three checkboxes:

Is your cat an indoor or outdoor cat? Indoor Outdoor What's your cat's personality? Loving Lazy Energetic
5

can you try the reset though first?
and when copying code, please copy all of the code from top to bottom.

6

That was really weird, but the reset worked, thank you! Sorry for wasting your time

1 Like
7

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