Checking by default radio and check boxes

HTML-CSS
1

Tell us what’s happening:
I’ve been trying to do it right but in confused on how to do so

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://bit.ly/fcc-relaxing-cat" 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://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>
<input type="radio" name="test-name" checked>

<input type="checkbox" name="test-name" checked>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 13099.110.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.136 Safari/537.36.

Challenge: Check Radio Buttons and Checkboxes by Default

Link to the challenge:

2

Hey @alexander.elliott478!
This was just the FCC example to show you how to add checked to the radio buttons. You don’t need to add this to your code. So you can delete these lines of code.

Just add checked to the first radio buttons and checkboxes.

Hope that helps!

1 Like
3

yes this definitely helps thank u :smiley:

1 Like