Use the value attribute with Radio Buttons and Checkboxe

Tell us what’s happening: i’m having trouble figuring this out, could someone tell me what I did wrong?

  **Your code so far**
  <label for="loving">
  <input id="loving" value="loving" type="radio" name="indoor-outdoor">Loving</label>
  <label for="lazy">
    <input id+"lazy" value="lazy" type="radio" name="indoor-outdoor">Lazy</label>
    <label for="energetic" value="energetic" type="radio" name="indoor-outdoor">Energetic</label>

<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"> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
  <label for="loving">
    <input id="loving" value="loving" type="radio" name="indoor-outdoor">Loving</label>
    <label for="lazy">
      <input id+"lazy" value="lazy" type="radio" name="indoor-outdoor">Lazy</label>
      <label for="energetic" value="energetic" type="radio" name="indoor-outdoor">Energetic</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

Notice that part of inputs are supposed to be checkboxes, and both radio and checkbox input types should have value attribute added.

don’t write again the inputs, fix the existing ones

1 Like