Step 60.Responsive Web Design

HTML-CSS
1

Hi. I don’t understand why my code doesn’t work. The task is to add the checked attribute to the first checkbox. Make the first radio button and the first checkbox selected by default.

<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>
            <input id="loving" type="checkbox" name="personality" value="loving"> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic"> Energetic</label>
          </fieldset>

I will be grateful for your answer

2

Your post itself has the required answer: Make the first radio button and the first checkbox selected by default.
Hint: You have to add

checked

to both the buttons & by looking at your answer, I see you have added only one.
Hope you got it ! :wink:

3

Thank you very much :smile:

1 Like
4

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