How to do radio buttons should have the value attribute of indoor

Tell us what’s happening:

  **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"> 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>
  <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/89.0.4389.90 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

Is there a questions?

Looking at your code and looking at the failed tests…

The first failed test is:

One of your radio buttons should have the value attribute of indoor .

I look at the relevant code:

  <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>

I see that those don’t have values.

When I look at the example in the description, I see:

<label for="indoor"><input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor </label> <label for="outdoor"> <input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor </label>

That shows you how to add a value attribute. Doing that will take care of the first two failed tests.

Work through the error messages of the failed tests and see what you can figure out. (Developers have to do things like this all the time.) If you get stuck, ask a specific question.

2 Likes

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