Im not able to do this..One of your radio buttons should have the value attribute of outdoor

Tell us what’s happening:
Describe your issue in detail here.

  **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://www.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://www.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>

<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 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>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

As an example your first radio input, you would add value="indoor" to the input tag

1 Like

i still cant do it :frowning:

You need to add the value="" to every radio and checkbox input, The word you put inside the quotes should be the word that comes just before the closing label tag ie </label>but it must be written lowercase

1 Like

can u give me an example plz it will help me finish the code

I did give you the correct example for your first radio input.
<label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor">Indoor</label>
This is the full code for your first radio input, you only need to add the value to each as I have done here for the first. I am not allowed to put the entire correct answer on the forum.
Have another go, if struggling link to your code so we can see what the issue is

For the full answer click get help then click get a hint then click solution

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