HELP! i did everything & can't seem to pass this challenge!

Tell us what’s happening:

Challenge: Give each of the radio and checkbox inputs the value attribute. Use the input label text, in lowercase, as the value for the attribute.

I’ve been on this challenge for several hours. Please help. Thanks!

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="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> value="indoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> value="outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality"> value="loving"> Loving</label>
  <label><input type="checkbox" name="personality"> value="lazy"> Lazy</label>
  <label><input 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/75.0.3770.142 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes

You have misplaced ">"s in the inputs.

For instance, after ‘name=“indoor-outdoor”’ you have a “>” that is ending the tag, making “value=“indoor”’ part of the label’s text”.

Remove those and you should be great!

1 Like

thanks soooooo much for your help!