I can't find what's wrong in my code

HTML-CSS
1

Tell us what’s happening:

I’m setting the value “Indoor” but the when run the test, it says that I should name a value Indoor to my radio button, but it is already there

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/81.0.4044.122 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

You change the capitalization Indoor to indoor.

3

The value is ‘indoor’. Lowercase.

4

but the value already is lowercase :frowning:

5

You should not have changed the label. It was originally “Indoor” and still should be. Your value should be “indoor”.

1 Like
6

The error message is not very useful. Just like @JeremyLT mentioned the label is Indoor. You changed it to indoor. The two are not the same. what is being referred to is the text between the label elements after the input

7

Now I see, thank you, the test just passed!:slight_smile: